/* Hero page d'accueil : bannière bord à bord, texte aligné sur le contenu */
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important;}
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull>.wp-block-cover__inner-container{width:min(1200px, 100% - 48px);margin-left:auto;margin-right:auto;padding:0;}
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull .wp-block-buttons{padding-left:0!important;}

/* Page d'accueil : supprime l'espace blanc entre le menu et la bannière */
body.home:has(.wp-block-cover.alignfull) main.wp-block-group{margin-top:0!important;padding-top:0!important}
body.home:has(.wp-block-cover.alignfull) main.wp-block-group>.wp-block-post-content{margin-top:0!important}
body.home:has(.wp-block-cover.alignfull) .wp-block-post-content>.wp-block-group:has(>.wp-block-cover.alignfull:first-child){margin-top:0!important}

/* Sélecteur de langue FR | NL (tout le site) */
.wp-block-polylang-language-switcher{display:flex;align-items:center;list-style:none;margin:0;padding:0;}
.wp-block-polylang-language-switcher .lang-item{order:2;display:flex;align-items:center;}
.wp-block-polylang-language-switcher .lang-item-fr{order:1;}
.wp-block-polylang-language-switcher .lang-item-nl::before{content:"|";opacity:.5;}
.wp-block-polylang-language-switcher a{text-transform:uppercase;text-decoration:none;font-size:14px;font-weight:500;color:inherit;opacity:.6;padding:0 8px;}
.wp-block-polylang-language-switcher .current-lang a{opacity:1;}
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-polylang-language-switcher{color:#fff;}

/* Page d'accueil : en-tête transparent posé sur la bannière */
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part{position:absolute;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:50;}
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .has-theme-2-background-color{background:linear-gradient(to bottom, rgba(8,12,22,.6), rgba(8,12,22,0))!important;}
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-navigation-item__content,body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-navigation-item__content *,body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-navigation__responsive-container-open{color:#fff!important;}
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-navigation-item__content{font-size:15px;opacity:.92;}
/* Logo version fond sombre (page d'accueil) */
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .custom-logo-link{display:inline-block;background:url(/wp-content/uploads/2026/09/safekids-logo-fond-sombre.png) left center/contain no-repeat;}
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .custom-logo{opacity:0;}

/* Page d'accueil : bannière plein écran et typographie */
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull{min-height:clamp(560px,75vh,760px)!important;padding-top:110px;}
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull .wp-block-cover__background{background:linear-gradient(90deg, rgba(8,12,22,.88) 0%, rgba(8,12,22,.55) 40%, rgba(8,12,22,.1) 75%)!important;opacity:1!important;}
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull .wp-block-cover__inner-container>p:first-child{font-size:15px!important;letter-spacing:.2em;font-weight:500;opacity:.85;margin-bottom:.4em;}
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull .has-x-large-font-size{font-size:clamp(2.6rem,6.5vw,6rem)!important;font-weight:500;line-height:1.02;letter-spacing:-.02em;margin:0 0 .25em;}
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull .wp-block-cover__inner-container>p:nth-child(3){font-size:clamp(1.15rem,1.8vw,1.6rem)!important;opacity:.95;margin-bottom:1.6em;}
body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull .wp-block-button__link{border-radius:10px!important;padding:18px 34px!important;font-size:15px!important;letter-spacing:.06em;}

/* Bouton Soutenir (en-tête, tout le site) : même couleur et même forme que le bouton du hero */
header.wp-block-template-part .wp-block-button__link{background:#007f83!important;background-image:none!important;color:#fff!important;border-radius:10px!important;padding:12px 26px!important;}

/* Menu : empêche « À propos » de passer sur deux lignes */
header.wp-block-template-part .wp-block-navigation-item__content{white-space:nowrap;}

/* Mobile : laisse la place à l'en-tête au-dessus du texte de la bannière */
@media (max-width:781px){body.home:has(.wp-block-cover.alignfull) .wp-block-cover.alignfull{padding-top:250px!important;padding-bottom:48px!important;}}

/* Menu en néerlandais (pages NL) */
html[lang^="nl"] header.wp-block-template-part a[href*="apropos-overons"] .wp-block-navigation-item__label,
html[lang^="nl"] header.wp-block-template-part a[href*="actualites-nieuws"] .wp-block-navigation-item__label{display:none;}
html[lang^="nl"] header.wp-block-template-part a[href*="apropos-overons"]::after{content:"Over ons";}
html[lang^="nl"] header.wp-block-template-part a[href*="actualites-nieuws"]::after{content:"Nieuws";}

/* Bouton de soutien selon la langue : FR -> Soutenir, NL -> Steun ons */
html[lang^="nl"] header.wp-block-template-part .wp-block-button:has(a[href*="soutenez-notre-travail"]){display:none;}
html:not([lang^="nl"]) header.wp-block-template-part .wp-block-button:has(a[href*="steun-ons-werk"]){display:none;}

/* Pied de page selon la langue : FR sur les pages FR, NL sur les pages NL */
html[lang^="nl"] .sk-lang-fr{display:none!important;}
html:not([lang^="nl"]) .sk-lang-nl{display:none!important;}

/* Mobile : marge des titres de section de la page d'accueil (FR et NL) */
@media (max-width:781px){body.home .wp-block-post-content > h2.wp-block-heading, body.home .wp-block-post-content > .wp-block-group > h2.wp-block-heading, body.home .wp-block-post-content > .wp-block-group > .wp-block-group > h2.wp-block-heading{padding-left:20px!important;padding-right:20px!important;}}

/* Menu mobile ouvert : texte foncé sur fond blanc (page d'accueil) + marge intérieure (tout le site) */
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content *,
body.home:has(.wp-block-cover.alignfull) header.wp-block-template-part .wp-block-navigation__responsive-container-close{color:#202d50!important;}
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open{padding:24px!important;}

/* Page À propos | Over ons — mobile uniquement : tout aligné à gauche avec 20px de marge (ordinateur inchangé, centré) */
@media (max-width:781px){
.page-id-9 .wp-block-post-title,
.page-id-9 .wp-block-post-content > h3.wp-block-heading:first-child{padding-left:20px!important;padding-right:20px!important;text-align:left!important;box-sizing:border-box;}
.page-id-9 .wp-block-post-content > .wp-block-gallery:first-of-type{padding-left:20px!important;padding-right:20px!important;box-sizing:border-box;justify-content:flex-start!important;}
.page-id-9 .is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis:90px"]{display:none!important;}
.page-id-9 .wp-block-post-content .wp-block-columns.alignwide{padding-left:20px!important;padding-right:20px!important;box-sizing:border-box;}
}

/* En-tête (ordinateur, tout le site) : logo et bouton alignés sur la largeur du contenu, menu centré */
header.wp-block-template-part .wp-block-group.alignwide.is-content-justification-space-between{width:min(var(--wp--style--global--wide-size,1200px), 100% - 48px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
header.wp-block-template-part .wp-block-group.alignwide.is-content-justification-space-between > .wp-block-group.is-content-justification-right{flex:1 1 auto;}
header.wp-block-template-part .wp-block-group.alignwide.is-content-justification-space-between > .wp-block-group.is-content-justification-right > .wp-block-navigation{margin-left:auto!important;margin-right:auto!important;}

/* Boutons contact + abonnement : même rendu que les autres boutons du site */
.wp-block-jetpack-contact-form .wp-block-jetpack-button button,
.wp-block-jetpack-subscriptions button,.wp-block-jetpack-subscriptions .wp-block-button__link{font-family:Jost,sans-serif!important;font-size:0.9rem!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:0.1em!important;line-height:1.3!important;padding:0.667em 1.33em!important;border-radius:10px!important;background:#007f83!important;color:#fff!important;border:2px solid #fff!important;min-height:48px!important;height:48px!important;box-sizing:border-box!important;}
.wp-block-jetpack-subscriptions input[type=email]{border-radius:10px!important;}
.wp-block-jetpack-contact-form .wp-block-jetpack-button button:hover{filter:brightness(1.08);}

/* Page À propos : « Notre équipe | Ons team » en sous-titre discret */
.page-id-9 .wp-block-post-content > h3.wp-block-heading:first-child{font-size:15px!important;font-weight:500!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#5b6477!important;margin-top:.5em!important;margin-bottom:1.2em!important;}

/* Page À propos : hiérarchie des titres plus lisible */
.page-id-9 .wp-block-post-title{font-size:clamp(32px, 4vw, 40px)!important;line-height:1.15!important;}
.page-id-9 .wp-block-post-content h2.wp-block-heading{font-size:clamp(24px, 2.4vw, 28px)!important;line-height:1.25!important;margin-bottom:.5em!important;}
.page-id-9 .wp-block-post-content h3.wp-block-heading:not(:first-child){font-size:18px!important;font-weight:600!important;line-height:1.35!important;}

/* Page À propos (ordinateur) : titres FR et NL au même niveau dans les deux colonnes */
@media (min-width:782px){.page-id-9 .wp-block-post-content .wp-block-columns.alignwide .wp-block-column h2.has-medium-font-size{min-height:2.5em;}}

/* Bloc livre (pages d'accueil FR et NL) : texte centré verticalement à côté de la couverture */
body.home .wp-block-cover.alignwide.is-light > .wp-block-cover__inner-container > .wp-block-columns{align-items:center!important;}
body.home .wp-block-cover.alignwide.is-light > .wp-block-cover__inner-container > .wp-block-columns > .wp-block-column{align-self:center!important;}
body.home .wp-block-cover.alignwide.is-light .wp-block-column > .wp-block-spacer:first-child{display:none;}

/* Articles : marges latérales sur mobile */
@media (max-width:781px){body.single-post .wp-block-post-content,body.single-post .wp-block-post-title,body.single-post .wp-block-post-date,body.single-post .wp-block-post-terms{padding-left:20px;padding-right:20px;box-sizing:border-box}body.single-post .wp-block-post-featured-image{margin-left:20px!important;margin-right:20px!important;width:auto!important}}

/* Page Actualités : marges latérales sur mobile */
@media (max-width:781px){.page-id-404 .wp-block-post-content{padding-left:20px;padding-right:20px;box-sizing:border-box}}

/* Cadrage de l'image mise en avant (photo verticale) */
.postid-3428 .wp-block-post-featured-image img{object-position:center 22%}

/* Signature des articles */
.sk-byline{gap:14px!important;margin-top:20px!important}
.sk-byline .sk-byline-photo{margin:0!important;flex:0 0 56px}
.sk-byline .sk-byline-photo img{width:56px!important;height:56px!important;border-radius:50%!important;object-fit:cover;object-position:center 30%}
.sk-byline .sk-byline-text{gap:0!important;text-align:left;line-height:1.35}
.sk-byline .sk-byline-text>*{margin:0!important}
.sk-byline .sk-byline-name{font-size:16px;font-weight:600;color:#202d50;text-transform:none}
.sk-byline .sk-byline-name::before{content:"Par "}
html[lang^="nl"] .sk-byline .sk-byline-name::before{content:"Door "}
.sk-byline .sk-byline-role{font-size:14px;color:#5b6477;text-transform:none}
.sk-byline .sk-byline-date{font-size:13px;color:#5b6477;text-transform:none}
.sk-byline .sk-byline-date::before{content:"Publié le "}
html[lang^="nl"] .sk-byline .sk-byline-date::before{content:"Gepubliceerd op "}

.sk-byline .sk-byline-date{padding:0!important}

/* À propos : photos de l'équipe de même taille, légendes alignées */
.page-id-9 .wp-block-gallery.has-nested-images figure.wp-block-image{flex-direction:column!important;justify-content:flex-start!important;align-self:flex-start!important}
.page-id-9 .wp-block-gallery.has-nested-images figure.wp-block-image img{aspect-ratio:1/1!important;height:auto!important;flex:none!important;object-fit:cover!important}