/**
 * H2JPHONE v3.9.0 - Drapeaux locaux DROM/COM
 * 
 * Ce fichier surcharge les drapeaux français par les drapeaux locaux
 * pour les territoires d'outre-mer français.
 * 
 * Territoires concernés:
 * - MQ: Martinique
 * - GP: Guadeloupe  
 * - GF: Guyane française
 * - RE: Réunion
 * - YT: Mayotte
 * - MF: Saint-Martin (partie française)
 * - BL: Saint-Barthélemy
 * - PM: Saint-Pierre-et-Miquelon
 * - PF: Polynésie française
 * 
 * @author H2J / David
 * @version 3.9.0
 */

/* ═══════════════════════════════════════
   SURCHARGE DRAPEAUX DROM/COM
   Utilise les SVG locaux au lieu du sprite intlTelInput
   ═══════════════════════════════════════ */

/* Martinique */
.iti__flag.iti__mq {
    background-image: url('../img/flags-custom/mq.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Guadeloupe */
.iti__flag.iti__gp {
    background-image: url('../img/flags-custom/gp.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Guyane française */
.iti__flag.iti__gf {
    background-image: url('../img/flags-custom/gf.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Réunion */
.iti__flag.iti__re {
    background-image: url('../img/flags-custom/re.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Mayotte */
.iti__flag.iti__yt {
    background-image: url('../img/flags-custom/yt.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Saint-Martin */
.iti__flag.iti__mf {
    background-image: url('../img/flags-custom/mf.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Saint-Barthélemy */
.iti__flag.iti__bl {
    background-image: url('../img/flags-custom/bl.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Saint-Pierre-et-Miquelon */
.iti__flag.iti__pm {
    background-image: url('../img/flags-custom/pm.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Polynésie française */
.iti__flag.iti__pf {
    background-image: url('../img/flags-custom/pf.svg') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* ═══════════════════════════════════════
   AJUSTEMENTS VISUELS DRAPEAUX CUSTOM
   ═══════════════════════════════════════ */

.iti__flag.iti__mq,
.iti__flag.iti__gp,
.iti__flag.iti__gf,
.iti__flag.iti__re,
.iti__flag.iti__yt,
.iti__flag.iti__mf,
.iti__flag.iti__bl,
.iti__flag.iti__pm,
.iti__flag.iti__pf {
    /* Légère ombre pour distinguer du fond */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

/* Hover effect sur les drapeaux dans la dropdown */
.iti__country:hover .iti__flag.iti__mq,
.iti__country:hover .iti__flag.iti__gp,
.iti__country:hover .iti__flag.iti__gf,
.iti__country:hover .iti__flag.iti__re,
.iti__country:hover .iti__flag.iti__yt,
.iti__country:hover .iti__flag.iti__mf,
.iti__country:hover .iti__flag.iti__bl,
.iti__country:hover .iti__flag.iti__pm,
.iti__country:hover .iti__flag.iti__pf {
    transform: scale(1.05);
    transition: transform 0.15s ease;
}
