/* ========================================================================== ChessDZ Super Header — styles frontend Les couleurs / police / tailles sont pilotées par variables CSS générées dynamiquement depuis le panneau d'administration. ========================================================================== */ .cdzsh-header { --cdzsh-primary: #1F3A5F; --cdzsh-accent: #C9A227; --cdzsh-bg: #F4E8CE; --cdzsh-text: #1F3A5F; --cdzsh-font: 'Poppins', sans-serif; --cdzsh-logo-size: 48px; --cdzsh-height: 80px; --cdzsh-content-gap: 0px; width: 100%; background-color: var(--cdzsh-primary); font-family: var(--cdzsh-font); box-sizing: border-box; z-index: 9999; transition: box-shadow 0.25s ease, background-color 0.25s ease; } .cdzsh-header * { box-sizing: border-box; } .cdzsh-header.cdzsh-sticky { position: sticky; top: 0; } .cdzsh-header.cdzsh-is-scrolled.cdzsh-shadow-on { box-shadow: 0 2px 14px rgba(0, 0, 0, 0.15); } /* ---- Espace entre le header et la 1ère section du thème ---- Le header est injecté juste après (hook wp_body_open), donc l'espace visible en dessous provient presque toujours d'une marge/padding posée par le thème sur son wrapper principal (#page, .site, #content, main, etc.). On neutralise cette marge par défaut puis on applique la valeur réglable --cdzsh-content-gap (option admin "Espace entre le header et la 1ère section"), ce qui permet de l'ajuster finement (y compris en négatif) sans toucher au code. */ .cdzsh-header { margin-bottom: 0 !important; } .cdzsh-header + * { margin-top: var(--cdzsh-content-gap, 0px) !important; } body > .cdzsh-header ~ #page, body > .cdzsh-header ~ .site, body > .cdzsh-header ~ #content, body > .cdzsh-header ~ .site-content, body > .cdzsh-header ~ main, body > .cdzsh-header ~ #main-container { padding-top: 0 !important; margin-top: var(--cdzsh-content-gap, 0px) !important; } /* Cas Blocksy : sur ce thème, `main` n'est PAS un frère direct du header injecté après — il est niché dans #main-container, lui-même le vrai frère du header (voir règle ci-dessus). Le padding vertical de Blocksy est en plus posé encore plus profondément, sur le conteneur de page (data-vertical-spacing), à l'intérieur de main. On neutralise donc ce padding via un sélecteur descendant (pas un frère direct), qui reste valable quelle que soit la profondeur d'imbrication du thème. */ body > .cdzsh-header ~ #main-container .ct-container-full[data-vertical-spacing] { padding-top: 0 !important; } /* ---- Anti-conflit thème (Blocksy et autres) -------------------------- Certains thèmes ciblent des sélecteurs génériques comme "header nav" ou "nav ul li" pour leur propre système de menu, ce qui peut masquer notre