/**
 * address-field.css — Okcedric v2.6.0
 */

/* Input original — visible dans l'éditeur, caché en front par le JS */
.eaf-address-input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: var(--e-form-fields-padding, 8px 14px) !important;
    font-family: var(--e-global-typography-text-font-family, inherit) !important;
    font-size: var(--e-global-typography-text-font-size, 15px) !important;
    line-height: 1.4 !important;
    color: var(--e-global-color-text, #333) !important;
    background-color: var(--e-form-fields-background-color, #fff) !important;
    border-style: solid !important;
    border-width: var(--e-form-fields-border-width, 1px) !important;
    border-color: var(--e-form-fields-border-color, #d5d8dc) !important;
    border-radius: var(--e-form-fields-border-radius, 4px) !important;
    -webkit-appearance: none;
    appearance: none;
}

/*
 * gmp-place-autocomplete — Shadow DOM fermé, les variables --gmp-* ne passent pas.
 * On style l'élément HÔTE directement avec les propriétés CSS standard
 * qui sont héritées par le shadow DOM (color, font, background, border).
 */
gmp-place-autocomplete {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;

    /* Ces propriétés sont héritées dans le shadow DOM */
    color:       var(--e-global-color-text, #333) !important;
    font-family: var(--e-global-typography-text-font-family, inherit) !important;
    font-size:   var(--e-global-typography-text-font-size, 15px) !important;

    /* Fond et bordure sur l'élément hôte */
    background-color: var(--e-form-fields-background-color, #fff) !important;
    border-style: solid !important;
    border-width: var(--e-form-fields-border-width, 1px) !important;
    border-color: var(--e-form-fields-border-color, #d5d8dc) !important;
    border-radius: var(--e-form-fields-border-radius, 4px) !important;

    /* Variables custom Google en fallback */
    --gmp-input-padding:          var(--e-form-fields-padding, 8px 14px);
    --gmp-input-border-radius:    var(--e-form-fields-border-radius, 4px);
    --gmp-input-border-color:     var(--e-form-fields-border-color, #d5d8dc);
    --gmp-input-border-width:     var(--e-form-fields-border-width, 1px);
    --gmp-input-background-color: var(--e-form-fields-background-color, #fff);
    --gmp-input-font-family:      var(--e-global-typography-text-font-family, inherit);
    --gmp-input-font-size:        var(--e-global-typography-text-font-size, 15px);
    --gmp-input-color:            var(--e-global-color-text, #333);
    --gmp-color-surface:          var(--e-form-fields-background-color, #fff);
    --gmp-color-on-surface:       var(--e-global-color-text, #333);
    --gmp-color-on-surface-variant: var(--e-global-color-text, #555);
}

/* Dropdown */
.pac-container {
    z-index: 99999 !important;
    border-radius: var(--e-form-fields-border-radius, 4px) !important;
    background-color: var(--e-form-fields-background-color, #fff) !important;
    border: 1px solid var(--e-form-fields-border-color, #d5d8dc) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;
    margin-top: 4px !important;
    overflow: hidden;
}

.pac-item {
    cursor: pointer;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.5;
    background-color: transparent !important;
    color: var(--e-global-color-text, #333) !important;
    border-top: 1px solid var(--e-form-fields-border-color, #e8e8e8) !important;
}

.pac-item:first-child { border-top: none !important; }

.pac-item:hover,
.pac-item-selected {
    background-color: color-mix(in srgb, var(--e-form-fields-background-color, #fff) 85%, var(--e-global-color-text, #333) 15%) !important;
}

.pac-item-query {
    font-size: 14px;
    color: var(--e-global-color-text, #333) !important;
}

.pac-matched { font-weight: 600; }