/**
 * ============================================================
 * MENU STICKY (FIXE AU SCROLL) - LHADI
 * ============================================================
 * Active le menu fixe qui descend avec le scroll
 * Créé le : Octobre 2025
 * ============================================================
 */

/* ============================================================
 * MENU STICKY : Quand body a la classe "sticky"
 * ============================================================ */

/* IMPORTANT : Cibler .sticky-menu qui est l'élément utilisé par le template */

/* Background NOIR pour le menu sticky */
body.sticky .sticky-menu {
    background-color: #ffffff !important;

}

/* Tous les éléments à l'intérieur du sticky-menu */
body.sticky .sticky-menu * {
    color: #ffffff !important;
}

/* Liens du menu en BLANC */
body.sticky .sticky-menu nav ul li a,
body.sticky .sticky-menu .menu-wrap nav ul li a,
body.sticky .sticky-menu a {
    color: #000000 !important;
}

/* Liens au survol en COULEUR DE LA CHARTE */
body.sticky .sticky-menu nav ul li a:hover,
body.sticky .sticky-menu .menu-wrap nav ul li a:hover,
body.sticky .sticky-menu a:hover {
    color: var(--theme-color, #c8a15d) !important;
}

/* Liens actifs en COULEUR DE LA CHARTE */
body.sticky .sticky-menu nav ul li.active > a,
body.sticky .sticky-menu nav ul li.current-menu-item > a {
    color: var(--theme-color, #c8a15d) !important;
}

/* Sous-menus */
body.sticky .sticky-menu nav ul li ul.sub-menu,
body.sticky .sticky-menu .menu-wrap nav ul li ul.sub-menu {
    background: #1a1a1a !important;
}

body.sticky .sticky-menu nav ul li ul.sub-menu li a {
    color: #ffffff !important;
}

body.sticky .sticky-menu nav ul li ul.sub-menu li a:hover {
    background: var(--theme-color, #c8a15d) !important;
    color: #ffffff !important;
}

/* Logo (si présent dans sticky-menu) */
body.sticky .sticky-menu .logo img {
    max-height: 50px !important;
}

/* Ombre plus prononcée */
body.sticky .sticky-menu {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Animation d'apparition du menu sticky */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Cache la topbar quand le menu devient sticky */
body.sticky header.stick .topbar {
    display: none !important;
}

/* Réduit l'espace du logo bar quand sticky */
body.sticky header.stick .logo-info-bar-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    transition: padding 0.3s ease;
}

/* Logo plus petit quand sticky */
body.sticky header.stick .logo img {
    max-height: 50px !important;
    transition: max-height 0.3s ease;
}

/* Menu collé au logo bar */
body.sticky header.stick .menu-wrap {
    margin: 0 !important;
}

/* ============================================================
 * RESPONSIVE
 * ============================================================ */

@media (max-width: 991px) {
    /* Sur mobile/tablette */
    body.sticky header.stick .logo img {
        max-height: 40px !important;
    }
    
    body.sticky header.stick .logo-info-bar-inner {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

@media (max-width: 767px) {
    /* Sur petit mobile */
    body.sticky header.stick .logo img {
        max-height: 35px !important;
    }
}

/* ============================================================
 * FIN DU FICHIER
 * ============================================================ */