/* ==========================================================================
   1. STRUCTURE DE L'EN-TÊTE PRINCIPAL (TOUS ÉCRANS)
   ========================================================================== */

#masthead, .site-header {
    background-color: #157347 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
}

.site-title, .site-title a, .site-description {
    color: #ffffff !important;
}

.entry-content p, .entry-content li, .editor-styles-wrapper p, .site-main p {
    font-size: 12pt !important;
    line-height: 1.5 !important;
}

/* ==========================================================================
   2. RÉGLAGES ORDINATEURS : UNE SEULE LIGNE ET ONGLET ACTIF JAUNE
   ========================================================================== */
@media (min-width: 482px) {
    .site-header .site-header-inner {
        display: block !important;
        text-align: center !important;
        max-width: 1250px !important; 
        margin: 0 auto !important;
        padding: 0 60px 0 60px !important; 
    }

    .site-branding, .custom-logo-link, .site-branding .custom-logo {
        display: none !important;
    }

    /* Masquage des textes sur ordinateur */
    #dark-mode-toggler span, 
    .dark-mode-switch-text, 
    .dark-mode-switch span {
        display: none !important;
    }

    /* Rendu et position fixe du soleil sur ordinateur */
    #dark-mode-toggler, button.dark-mode-toggle, .dark-mode-buttons {
        position: fixed !important;
        top: 47px !important;        
        right: 25px !important;       
        bottom: auto !important;
        left: auto !important;
        z-index: 999999 !important;
        width: 35px !important;
        height: 35px !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 0 !important;
        color: transparent !important;
    }

    #dark-mode-toggler::before, button.dark-mode-toggle::before {
        content: "☀️" !important;
        font-size: 19px !important; 
        color: #ffffff !important;
        visibility: visible !important;
        display: inline-block !important;
    }

    .primary-navigation { 
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .primary-navigation .primary-menu-container > ul {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    
    .primary-navigation .primary-menu-container > ul > li {
        display: inline-block !important;
        margin: 0 2px !important; 
        padding: 0 !important;
        position: relative !important;
    }
    
    .primary-navigation .primary-menu-container > ul > li > a {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 9.5pt !important;    
        padding: 6px 10px !important;   
        border-radius: 4px !important;
        color: #ffffff !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    .primary-navigation .primary-menu-container > ul > li.menu-item-has-children {
        padding-right: 16px !important; 
    }

    /* Maintien du fond jaune actif pour les onglets parents */
    .primary-navigation .primary-menu-container > ul > li.current-menu-item > a,
    .primary-navigation .primary-menu-container > ul > li.current-menu-ancestor > a,
    .primary-navigation .primary-menu-container > ul > li.current_page_parent > a,
    .primary-navigation .primary-menu-container > ul > li.current_page_ancestor > a,
    .primary-navigation .primary-menu-container > ul > li > a:hover {
        background-color: #FFEB3B !important;
        color: #000000 !important;
    }

    /* Flèches des sous-menus (+) */
    .primary-navigation .primary-menu-container > ul > li.menu-item-has-children .sub-menu-toggle {
        position: absolute !important;
        right: 1px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        color: #ffffff !important;
    }
    
    .primary-navigation .primary-menu-container > ul > li.menu-item-has-children:hover .sub-menu-toggle,
    .primary-navigation .primary-menu-container > ul > li.current-menu-ancestor .sub-menu-toggle,
    .primary-navigation .primary-menu-container > ul > li.current_page_parent .sub-menu-toggle {
        color: #000000 !important; 
    }

    /* Style jaune des sous-menus déroulants */
    .primary-navigation .primary-menu-container ul ul,
    .primary-navigation .primary-menu-container ul li:hover > ul,
    .primary-navigation .primary-menu-container ul ul li {
        background-color: #FFEB3B !important; 
        background: #FFEB3B !important;
    }
    
    .primary-navigation .primary-menu-container ul ul li a {
        color: #000000 !important; 
        font-size: 9.5pt !important;
        padding: 8px 15px !important;
        background-color: #FFEB3B !important;
    }
    
    .primary-navigation .primary-menu-container ul ul li a:hover {
        background-color: #157347 !important; 
        color: #ffffff !important; 
    }

    /* Badge English */
    .primary-navigation .primary-menu-container > ul > li.lang-item {
        margin-left: 8px !important;
    }
    .primary-navigation .primary-menu-container > ul > li.lang-item > a {
        background-color: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        padding: 5px 8px !important;
        font-size: 9pt !important;
    }

    /* Loupe */
    .primary-navigation .primary-menu-container > ul > li.is-menu-item > a,
    .ivory-search-menu-item > a {
        padding: 6px 6px !important;
    }
}

/* ==========================================================================
   3. CORRECTIF RADICAL ET NETTOYAGE POUR SMARTPHONES
   ========================================================================== */
@media (max-width: 481px) {
    /* Suppression définitive du logo sur mobile */
    .site-header .site-branding, 
    .site-branding .custom-logo-link, 
    .site-branding .custom-logo,
    .site-header .site-branding img {
        display: none !important;
        visibility: hidden !important;
    }

    /* SUPPRESSION ABSOLUE DU WIDGET MODE SOMBRE ENCOMBRANT ET DE SON TEXTE */
    .dark-mode-switch, 
    div.dark-mode-switch,
    #dark-mode-toggler,
    .site-footer .dark-mode-switch,
    .dark-mode-switch-text,
    .dark-mode-switch label {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Structure simplifiée et propre alignée à droite */
    .site-header .site-header-inner {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding: 5px 15px !important;
        width: 100% !important;
    }

    /* LE SOLEIL INJECTÉ PROPREMENT À GAUCHE DU TEXTE "MENU" */
    .site-header .menu-toggle::before {
        content: "☀️ " !important;
        font-size: 16px !important;
        display: inline-block !important;
        margin-right: 8px !important;
        line-height: 1 !important;
    }

    /* Style épuré du bouton Menu mobile original */
    .site-header .menu-toggle {
        background-color: transparent !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        padding: 6px 12px !important;
        font-size: 10pt !important;
        font-weight: bold !important;
        border-radius: 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        height: auto !important;
        margin: 0 !important;
    }/* Bloque la hauteur de la barre de menu pour qu'elle ne s'étire jamais */
.primary-navigation, 
.primary-navigation-open {
    height: 54px !important;
    max-height: 54px !important;
}

/* Force la liste de langues à s'ouvrir de manière flottante */
.primary-navigation li.menu-item select.gt_selector {
    position: absolute !important;
    top: 12px !important;
    right: 45px !important;
    height: 30px !important;
    min-height: 30px !important;
    z-index: 999999 !important;
}

/* Assure que la boîte d'affichage des options flotte sans pousser les murs */
.primary-navigation li.menu-item select.gt_selector option {
    background: #ffffff !important;
    color: #000000 !important;
}/* 1. SÉPARATION : Articles à gauche (75%) | Colonne PUB virtuelle à droite (25%) */
@media (min-width: 1024px) {
    .home #content .site-main {
        display: grid !important;
        grid-template-columns: 3fr 1fr !important;
        gap: 40px !important;
        align-items: start !important;
        position: relative;
    }

    /* 2. GRILLE DES ARTICLES : Organise les articles sur 2 colonnes à gauche */
    .home #content .site-main > article {
        grid-column: auto;
    }
    
    /* Force l'affichage global des articles en grille de 2 colonnes */
    .home #content .site-main {
        grid-template-columns: 1fr 1fr 1fr !important; /* Technique pour simuler la grille + sidebar */
    }
    
    .home #content .site-main > article:nth-of-type(odd) { grid-column: 1; }
    .home #content .site-main > article:nth-of-type(even) { grid-column: 2; }

    /* 3. CRÉATION DES BLOCS DE PUB VIRTUELS (Réservation d'espace à droite) */
    .home #content .site-main::after {
        content: "PUB\A\A \A\A PUB\A\A \A\A PUB" !important; /* Texte indicatif */
        white-space: pre-wrap;
        grid-column: 3; /* Se place dans la 3ème colonne (les 25% de droite) */
        grid-row: 1 / span 10; /* S'étire sur toute la hauteur des articles */
        
        /* Style visuel des blocs de pub identiques à ton dessin vert */
        background: #a3e2a4 !important; /* Vert clair de rappel ou gris neutre */
        border: 2px dashed #444444 !important; /* Bordure pointillée "emplacement réservé" */
        color: #444444 !important;
        font-weight: bold !important;
        font-size: 20px !important;
        text-align: center !important;
        padding: 40px 20px !important;
        letter-spacing: 2px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 600px;
        border-radius: 4px;
    }
}

/* 4. STYLE DES ARTICLES (Bordure noire et fond blanc comme ton croquis) */
.home article {
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    padding: 20px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}