/* ===================================================================
 * Suggestion de commune (Gform_City_Controller, gform-city.js)
 *
 * Liste posée sous le champ Ville, dans son .ginput_container : même
 * police et mêmes rayons que les champs du Devis (jetons --atb-*, avec
 * replis pour un formulaire hors charte). Sélecteurs préfixés par le champ :
 * la remise à zéro de GF (chargée après) et la règle `ul` du thème
 * l'emportent sur une simple classe.
 * ================================================================ */

.gfield.uni-city .ginput_container {
    position: relative;
}

.gfield.uni-city .uni-city-list {
    position: absolute;
    z-index: 30;
    inset-inline: 0;
    top: calc(100% + 0.375rem);
    max-height: 15rem;
    overflow-y: auto;
    margin: 0;
    padding: 0.375rem;
    list-style: none;
    background: var(--atb-light, #fff);
    border: 1px solid color-mix(in srgb, var(--atb-neutral, #1f2937) 10%, transparent);
    border-radius: var(--atb-radius-lg, 0.75rem);
    box-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--atb-neutral, #1f2937) 14%, transparent);
    font-family: var(--atb-font-body, inherit);
    font-size: var(--atb-text-sm, 0.875rem);
    color: var(--atb-neutral, #1f2937);
}

.gfield.uni-city .uni-city-list [role="option"] {
    margin: 0;
    padding: 0.625rem var(--atb-space-4, 1rem);
    border-radius: var(--atb-radius, 0.5rem);
    cursor: pointer;
    line-height: 1.3;
}

.gfield.uni-city .uni-city-list [role="option"]:hover,
.gfield.uni-city .uni-city-list [role="option"].is-active {
    background: color-mix(in srgb, var(--atb-primary, #0099dd) 10%, var(--atb-light, #fff));
}

.gfield.uni-city .uni-city-list [role="option"][aria-selected="true"] {
    font-weight: 700;
    color: var(--atb-primary, #0099dd);
}