/*
 * [AUDIT] Fichier extrait de header.php (lignes 328-523)
 * Le CSS inline reste en place dans le PHP — ce fichier est créé pour migration future.
 * NE PAS enqueue ce fichier tant que le <style> inline n'a pas été supprimé.
 */

            }
        });
        */
    </script>
    <style>
        /* Style pour l'icône de newsletter SVG */
        .newsletter-icon {
            width: 200%;
            height: 180%;
            vertical-align: middle;
            position: relative;
            top: -5px;
        }

        /* Créer un conteneur pour que l'icône ait la même taille que les autres icônes */
        #open-newsletter {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: 1.8rem;
            /* Même hauteur que les autres icônes */
            width: 1.8rem;
            /* Même largeur que les autres icônes */
        }

        /* Animation au survol */
        .social-icon:hover .newsletter-icon {
            transform: translateY(-2px);
            transition: transform 0.3s ease;
        }

        /* Styles pour le header sticky sur mobile */
        @media (max-width: 768px) {
            .header-container {
                position: relative;
                z-index: 1000;
                transition: all 0.3s ease;
            }

            .header-container.sticky-mobile {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                background-color: #fff;
                /* Ajustez selon votre design */
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                z-index: 1000;
            }

            /* Ajuster le padding du body quand le header est sticky */
            body {
                transition: padding-top 0.3s ease;
            }

            body:has(.header-container.sticky-mobile) {
                padding-top: 60px;
                /* Ajustez selon la hauteur de votre header */
            }

            /* Pour les navigateurs qui ne supportent pas :has */
            .sticky-mobile-active {
                padding-top: 60px;
                /* Ajustez selon la hauteur de votre header */
            }
        }

        .newsletter-modal {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2000;
        }

        .modal-content {
            background: white;
            padding: 30px;
            max-width: 400px;
            width: 90%;
            position: relative;
            border-radius: 8px;
        }

        .close-newsletter {
            position: absolute;
            top: 10px;
            right: 15px;
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
        }

        /* Logo sticky */
        .sticky-logo-wrapper {
            display: none;
            justify-content: center;
            align-items: center;
            padding: 0.5rem 0;
        }

        .main-nav.fixed .sticky-logo-wrapper {
            display: flex;
        }

        .sticky-logo-wrapper img,
        .sticky-logo-link img {
            max-height: 50px;
            height: auto;
            width: auto;
        }

        .social-icon {
            color: #333;
            font-size: 1.8rem;
            transition: color 0.3s ease;
        }

        .social-icon:hover {
            color: #e65f0d;
        }

        /* Logo sticky modifié */
        .main-nav .nav-container {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 0 20px;
        }

        /* [AUDIT] DOUBLON CSS sticky-logo #2 — .sticky-logo-wrapper est déjà défini plus haut (lignes 422-431).
           Cette 2e définition écrase la 1ère. Commentée pour clarifier l'intention. */
        /*
        .sticky-logo-wrapper {
            display: none;
            margin-right: 30px;
        }

        .main-nav.fixed .sticky-logo-wrapper {
            display: flex;
            margin-left: 2%;
        }

        .sticky-logo-wrapper img,
        .sticky-logo-link img {
            max-height: 50px;
            height: auto;
            width: auto;
        }
        */

        /* Style pour la barre de menu sticky */
        .main-nav.fixed {
            display: flex;
            justify-content: center;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .main-nav .nav-container {
                flex-direction: column;
                padding: 10px;
            }

            /* [AUDIT] DOUBLON CSS sticky-logo #3 — .sticky-logo-wrapper responsive déjà couvert par la 1ère définition.
               Commenté car les propriétés écrasent sans raison valide. */
            /*
            .sticky-logo-wrapper {
                margin-right: 0;
                margin-bottom: 10px;
            }
            */
        }
        /* Menu - Lien actif (rubrique courante) */
.main-nav .menu li.current-menu-item > a,
.main-nav .menu li.current-menu-parent > a,
.main-nav .menu li.current-menu-ancestor > a,
.main-nav .menu li.current_page_item > a,
.main-nav .menu li.current-cat > a,
.main-nav .menu li.current-cat-parent > a {
    color: #e65f0d;
    font-weight: 700;
}



/* S'assurer que le lien parent a position relative pour la barre */
.main-nav .menu li > a {
    position: relative;
}