/**
 * Styles pour l'autocomplétion d'adresses - Style classique
 * Fond blanc, texte noir, simple et épuré
 */

/* Conteneur principal des suggestions */
.address-autocomplete-suggestions {
    display: none;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    max-height: 250px;
    overflow-y: auto;
    z-index: 9999;
    position: absolute;
}

/* Item de suggestion individuel */
.address-autocomplete-suggestions .suggestion-item {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    line-height: 1.3;
    color: #333333;
    background: #ffffff;
}

/* Dernier item sans bordure */
.address-autocomplete-suggestions .suggestion-item:last-child {
    border-bottom: none;
}

/* État hover et actif - juste un fond gris très léger */
.address-autocomplete-suggestions .suggestion-item:hover,
.address-autocomplete-suggestions .suggestion-item.active {
    background-color: #f5f5f5;
    color: #000000;
}

/* Texte de la suggestion */
.address-autocomplete-suggestions .suggestion-text {
    color: inherit;
    font-weight: normal;
}

/* Style pour les champs d'adresse avec autocomplétion */
.js-address-form input[name="address1"],
.js-address-form input[name="city"] {
    position: relative;
}

/* Responsive */
@media (max-width: 768px) {
    .address-autocomplete-suggestions {
        left: 15px !important;
        right: 15px !important;
        width: auto !important;
        max-width: none !important;
    }
    
    .address-autocomplete-suggestions .suggestion-item {
        padding: 10px 12px;
        font-size: 16px; /* Taille plus grande pour mobile */
    }
}

/* Style pour les formulaires en modal */
.modal .address-autocomplete-suggestions {
    z-index: 10050; /* Plus élevé que le z-index des modals Bootstrap */
}

/* Intégration avec le thème Lacausa */
.js-address-form .form-group {
    position: relative;
}

/* Animation d'apparition simple */
.address-autocomplete-suggestions {
    animation: fadeIn 0.15s ease-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Amélioration de l'accessibilité */
.address-autocomplete-suggestions .suggestion-item:focus {
    outline: 1px solid #999999;
    outline-offset: -1px;
}