/* =================================================
/* =================================================
   COULEURS PRINCIPALES
================================================= */
:root {
    --jade-green: #0F7A3E;
    --jade-green-dark: #0F7A3E;
}

/* Police du theme */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/* POLICE GLOBALE */
body {
    font-family: 'Roboto', sans-serif !important;
}

/* TITRES */
h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700;
}

/* MENU */
.main-navigation a {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500;
}

/* TOP HEADER */
.top-header,
.top-header span,
.top-header a {
    font-family: 'Roboto', sans-serif !important;
}

/* BOUTONS */
button,
input,
textarea,
.wp-block-button__link {
    font-family: 'Roboto', sans-serif !important;
}


/* =================================================
   TOP HEADER (date, infos du haut)
================================================= */
header#masthead .top-header,
header#masthead .top-header .container-wrapper,
header#masthead .top-header .top-bar-flex {
    background-color: var(--jade-green) !important;
}

/* Texte, date et icônes du top header */
header#masthead .top-header span,
header#masthead .top-header a,
header#masthead .top-header i {
    color: #ffffff !important;
}

/* =================================================
   HEADER CENTRAL (logo + bannière)
================================================= */
header#masthead .af-middle-header {
    border-bottom: 4px solid var(--jade-green);
}

/* Description du site */
header#masthead .site-description {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* =================================================
   MENU PRINCIPAL
================================================= */
#main-navigation-bar,
#main-navigation-bar .container-wrapper {
    background-color: var(--jade-green) !important;
}

/* Liens du menu */
#main-navigation-bar a {
    color:#ffffff !important;
    font-weight: 600;
}

/* Hover menu */
#main-navigation-bar a:hover {
    color: #ffff !important;
}

/* Icônes (search, dark mode, play…) */
#main-navigation-bar i,
#main-navigation-bar svg {
    color: #ffffff !important;
}

/* =================================================
   MENU MOBILE (HAMBURGER)
================================================= */
#main-navigation-bar .toggle-menu i,
#main-navigation-bar .offcanvas-menu span,
#main-navigation-bar .ham,
#main-navigation-bar .mbtn-top,
#main-navigation-bar .mbtn-mid,
#main-navigation-bar .mbtn-bot {
    background-color: #ffffff !important;
    color: #ffffff !important;
}

/* =================================================
   SOUS-MENUS
================================================= */
#main-navigation-bar .sub-menu {
    background-color: var(--jade-green-dark) !important;
}

#main-navigation-bar .sub-menu a {
    color: #ffffff !important;
}

#main-navigation-bar .sub-menu a:hover {
    color: #CFFFE6 !important;
}



.exclusive-now.primary-color span {
    color: white;              /* texte blanc pour "Dernières nouvelles" */
}


.site-info {
    background-color: #0F7A3E; /* fond vert */
    color: white;              /* texte blanc */
    padding: 15px 0;           /* espace haut/bas */
    text-align: center;        /* centrer le texte */
}

.site-info a {
    color: white;              /* liens en blanc */
    text-decoration: underline; /* liens visibles */
}




@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* ===============================
   ANIMATION FIBRE OPTIQUE
================================ */

.fiber-container {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

/* BOULE VERTE */
.fiber-ball {
    position: absolute;
    top: 50%;
    left: -40px;
    width: 18px;
    height: 18px;
    background: #1E8F5A;
    border-radius: 50%;
    box-shadow: 0 0 25px #1E8F5A;
    animation: fiberMove 4s ease-in-out infinite;
}

/* TEXTE J@De (EXPLOSION BLANCHE) */
.fiber-explosion {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%) scale(0);
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 4px;
    color: #ffffff;
    opacity: 0;
    text-shadow:
        0 0 10px rgba(255,255,255,0.9),
        0 0 25px rgba(255,255,255,0.6),
        0 0 45px rgba(30,143,90,0.4);
    animation: fiberExplode 4s ease-in-out infinite;
    animation-delay: 2.4s;
}

/* TRAJECTOIRE DE LA BOULE */
@keyframes fiberMove {
    0% {
        transform: translateX(0) scale(1);
        opacity: 1;
    }
    60% {
        transform: translateX(70vw) scale(1.3);
        opacity: 1;
    }
    65% {
        transform: translateX(70vw) scale(0);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* EXPLOSION TEXTE FIBRE OPTIQUE */
@keyframes fiberExplode {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
        letter-spacing: 2px;
    }
    40% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.2);
        letter-spacing: 10px;
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2.4);
        letter-spacing: 18px;
    }
}

/* Restaurer les vraies flèches du slider */
.slick-prev:before,
.slick-next:before {
    font-family: 'slick' !important;
}