/* ================================================================================= */
/* ============= ADAPTATIONS CSS POUR LES TRADUCTIONS LONGUES ==================== */
/* ================================================================================= */

/* Styles spécifiques pour gérer les traductions longues dans la navigation */

/* Adaptation générale pour tous les boutons de navigation */
.desktop-nav-center .nav-links .um-bouton {
    transition: all 0.3s ease;
    position: relative;
}

/* Styles spécifiques pour les traductions espagnoles */
[lang="es"] .desktop-nav-center .nav-links .um-bouton {
    font-size: 0.85em !important;
    padding: 6px 10px !important;
    max-width: 150px !important;
}

/* Adaptation spéciale pour "Tarjetas de Regalo" (Cartes Cadeaux en espagnol) */
[lang="es"] .desktop-nav-center .nav-links .um-bouton[aria-label*="Tarjetas"] {
    font-size: 0.8em !important;
    max-width: 140px !important;
    padding: 6px 8px !important;
}

/* Styles pour les autres langues avec des textes longs */
[lang="de"] .desktop-nav-center .nav-links .um-bouton,
[lang="it"] .desktop-nav-center .nav-links .um-bouton {
    font-size: 0.87em !important;
    max-width: 160px !important;
}

/* Adaptation responsive pour les écrans plus petits */
@media (max-width: 1200px) {
    .desktop-nav-center .nav-links {
        gap: 10px !important;
    }
    
    .desktop-nav-center .nav-links .um-bouton {
        font-size: 0.85em !important;
        padding: 6px 10px !important;
        max-width: 140px !important;
    }
    
    .desktop-menu-right {
        margin-left: 15px !important;
        min-width: 120px !important;
    }
}

@media (max-width: 1024px) {
    .desktop-nav-center .nav-links {
        gap: 8px !important;
    }
    
    .desktop-nav-center .nav-links .um-bouton {
        font-size: 0.8em !important;
        padding: 5px 8px !important;
        max-width: 120px !important;
    }
    
    .desktop-menu-right {
        margin-left: 10px !important;
        min-width: 100px !important;
    }
}

/* Amélioration de la lisibilité avec ellipsis */
.desktop-nav-center .nav-links .um-bouton {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex !important;
    align-items: center;
}

/* Tooltip pour afficher le texte complet au survol */
.desktop-nav-center .nav-links .um-bouton:hover::after {
    content: attr(aria-label);
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8em;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

/* Styles pour éviter les conflits avec les icônes */
.desktop-nav-center .nav-links .um-bouton i {
    flex-shrink: 0;
    margin-right: 5px;
}

.desktop-nav-center .nav-links .um-bouton .fas.fa-chevron-down {
    margin-left: 3px;
    margin-right: 0;
    font-size: 0.7em;
}

/* Amélioration de la gestion de l'espace pour les icônes de navigation */
.icones-navigation {
    gap: 12px !important;
}

.icones-navigation button {
    width: 35px !important;
    height: 35px !important;
    flex-shrink: 0 !important;
}

/* Adaptation pour les conteneurs de navigation */
.desktop-nav-container {
    position: relative;
    z-index: 100;
}

/* Prévention du débordement horizontal */
.navigation-secondaire.desktop-only {
    overflow-x: hidden;
    width: 100%;
}

/* Styles pour les sous-menus afin qu'ils ne soient pas affectés */
.um-conteneur,
.um-sous-conteneur {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    max-width: none !important;
}

.um-conteneur .um-element button,
.um-sous-conteneur .um-sous-element button {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    max-width: none !important;
    font-size: 0.9em !important;
}