/* SN Commune Picker — sélecteur de commune (CP -> commune) */

/* Champ commune CF7 (caché : le <select> visible est injecté par le JS) */
span.wpcf7-form-control-wrap[data-name="commune"],
.sn-commune-hidden {
    display: none !important;
}

/* <select> natif de commune (picker OS sur mobile, déroulant sur desktop) */
.sn-commune-select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 6px 0 8px;
    min-height: 44px;            /* cible tactile WCAG */
    padding: 8px 10px;
    font-size: 16px;             /* évite le zoom auto iOS au focus */
    line-height: 1.3;
    border: 1px solid #197a5d;   /* vert du site */
    border-radius: 6px;
    background: #fff;
    color: #222;
}

.sn-commune-select:focus {
    outline: none;
    border-color: #197a5d;
    box-shadow: 0 0 0 3px rgba(25, 122, 93, 0.2);
}

/* Commune OBLIGATOIRE non encore choisie : fond orange pour attirer l'attention.
   Dès qu'une commune (valeur ≠ défaut) est choisie, la classe est retirée → fond blanc. */
.sn-commune-select.sn-commune-attn {
    background: #fff4e0;
    border-color: #e8870c;
    box-shadow: 0 0 0 2px rgba(232, 135, 12, 0.25);
}

.sn-commune-select.sn-commune-attn:focus {
    border-color: #e8870c;
    box-shadow: 0 0 0 3px rgba(232, 135, 12, 0.4);
}

/* Étiquette commune unique (« 📍 Marseille ») */
.sn-commune-label {
    margin: 4px 0 8px;
    font-size: 0.9em;
    font-weight: 600;
    color: #197a5d;
}