/* Navigation Active Indicator - Simple & Clean */

/* Transition douce pour tous les liens */
.navigation li a {
    position: relative;
    transition: all 0.3s ease;
    padding: 10px 20px;
}

/* Style pour le lien actif - fond blanc */
.navigation li.active > a {
    background: #ffffff;
    color: #763c26 !important;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Barre blanche sous l'élément actif */
.navigation li.active > a::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 4px;
    background: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* Hover pour les liens non actifs */
.navigation li:not(.active) > a:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #763c26;
}

/* Style pour le sticky header */
#sticky-header.sticky .navigation li.active > a {
    background: #ffffff;
    color: #763c26 !important;
}

/* Responsive - Mobile */
@media (max-width: 991px) {
    .tgmobile__menu .navigation li.active > a {
        background: #ffffff;
        color: #763c26 !important;
        font-weight: 600;
        padding-left: 15px !important;
    }

    /* Pas de barre en dessous sur mobile */
    .tgmobile__menu .navigation li.active > a::after {
        display: none;
    }
}