/* Amélioration visuelle du popup "Toutes nos destinations" (#modal-dest,
   voir includes/footer.php). Charge en plus du bundle principal, ne modifie
   aucune règle partagée : uniquement des affinages de lisibilité.
   Ajouté le 12 juillet 2026. */

#modal-dest.white-popup-block {
    padding: 40px 45px;
}

#modal-dest.white-popup-block h2 {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    margin-bottom: 30px !important;
}

#modal-dest.white-popup-block h5 {
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 10px;
    margin-bottom: 12px !important;
}

/* Pays (niveau 1) : plus grands, plus espacés, avec un état hover clair */
#modal-dest.white-popup-block ul li {
    padding-left: 0 !important;
    margin-bottom: 10px;
}

#modal-dest.white-popup-block ul li:before {
    display: none;
}

#modal-dest.white-popup-block ul li > a {
    font-size: 17px !important;
    font-weight: 500 !important;
    padding-left: 0 !important;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

#modal-dest.white-popup-block ul li > a:hover {
    color: #ff6b7a !important;
    padding-left: 4px !important;
}

/* Régions/sous-destinations (niveau 2, ex: Rajasthan sous Inde) : plus
   discrètes que le pays parent, pour bien hiérarchiser visuellement */
#modal-dest.white-popup-block ul li ul {
    margin: 8px 0 4px;
}

#modal-dest.white-popup-block ul li ul li {
    margin-bottom: 6px;
}

#modal-dest.white-popup-block ul li ul li a {
    font-size: 14px !important;
    color: #c9c9c9 !important;
    padding-left: 15px !important;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

#modal-dest.white-popup-block ul li ul li a:hover {
    color: #ff6b7a !important;
    padding-left: 19px !important;
}

@media (max-width: 600px) {
    #modal-dest.white-popup-block {
        padding: 25px 20px;
    }
    #modal-dest.white-popup-block ul li > a {
        font-size: 16px !important;
    }
}