/*
 * Proposition visuelle du club — thème de travail.
 * Cette feuille est chargée par le thème enfant du club.
 * Les blocs et les réglages de contenu restent ceux du site.
 */
:root{--waj-ink:#153238;--waj-deep:#0d333b;--waj-teal:#0f6f73;--waj-ivory:#f7f3ea;--waj-paper:#fffdf8;--waj-gold:#d2a24d;--waj-muted:#5e7272;--waj-line:rgba(21,50,56,.14)}
body{background:var(--waj-ivory);color:var(--waj-ink);font-family:'Work Sans','Avenir Next','Segoe UI',sans-serif;line-height:1.7}
#page{background:var(--waj-ivory)}
#masthead.site-header{display:flex;flex-direction:column;background:var(--waj-paper)}
#masthead .header-branding{order:0;display:block;padding:26px 24px;background:var(--waj-paper)}
#masthead .site-branding{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;max-width:1180px;margin:0 auto;text-align:left}
#masthead .custom-logo-link{display:block;flex:0 0 auto;margin:0}
#masthead .custom-logo{display:block;width:66px;height:66px;object-fit:contain;border-radius:50%;background:#fff}
#masthead .site-title{max-width:800px;margin:0;font-family:Georgia,serif;font-size:clamp(20px,2.4vw,29px);font-weight:600;line-height:1.25;letter-spacing:-.025em;text-transform:none}
#masthead .site-title a{color:var(--waj-ink)}
#masthead .site-description{flex-basis:100%;margin:0;text-align:center;color:var(--waj-muted);font-size:13px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
#masthead .header-top{order:1;border:0;background:var(--waj-deep)}
#masthead .header-top .container{max-width:1180px;margin:0 auto}
#masthead #site-navigation>div>ul>li>a{color:#fff;font-family:'Work Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em}
#masthead #site-navigation>div>ul>li>a:hover,#masthead #site-navigation>div>ul>li.current-menu-item>a{color:#f2c76d}
#masthead #site-navigation .sub-menu{background:var(--waj-paper);box-shadow:0 14px 30px rgba(7,31,37,.18)}
#masthead #site-navigation .sub-menu a{color:var(--waj-ink)}
#masthead #site-navigation .sub-menu a:hover{color:var(--waj-teal)}
#masthead .search-toggle,#masthead .menu-toggle,#masthead .menu-toggle .menu-text{color:#fff}
#masthead .header__search .search-toggle i::before{color:#fff}
#masthead .menu-toggle::before{border-top-color:#fff;border-bottom-color:#fff}
#masthead .header__search .search-toggle:hover i::before{color:#f2c76d}
#masthead .menu-toggle:hover::before{border-top-color:#f2c76d;border-bottom-color:#f2c76d}
#masthead .search-popup{color:var(--waj-ink)}
.header-subscription{display:none}
.page-header{padding:42px 24px;background:#e7efea;color:var(--waj-ink)}
.page-header h1,.page-header .page-title{color:var(--waj-ink);font-family:Georgia,serif;line-height:1.2;letter-spacing:-.025em;text-transform:none}
.site-content.container{padding-top:44px;padding-bottom:50px}
.entry-content,.entry-summary{color:var(--waj-ink);font-size:16px;line-height:1.8}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-title{color:var(--waj-ink);font-family:Georgia,serif;line-height:1.3;text-transform:none}
.entry-content a:not(.wp-block-button__link){color:var(--waj-teal);text-underline-offset:3px}
.entry-content a:not(.wp-block-button__link):hover{color:#0b5154}
.entry-content img,.entry-content iframe{max-width:100%}
.widget-area .widget{padding:24px;border:1px solid var(--waj-line);border-radius:16px;background:var(--waj-paper)}
.widget-area .widget-title{color:var(--waj-ink);font-family:Georgia,serif;text-transform:none}
.footer-subscription{padding:45px 24px;background:#e7efea!important;color:var(--waj-ink)}
.footer-subscription h2,.footer-subscription h3{color:var(--waj-ink);font-family:Georgia,serif;text-transform:none}
#colophon.site-footer{background:var(--waj-deep);color:#dcebea}
#colophon .site-title,#colophon .site-title a,#colophon a{color:#fff}
#colophon .site-description{color:#c5d9d6}
#colophon .site-info{border-color:rgba(255,255,255,.14);color:#c5d9d6}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--waj-gold);outline-offset:3px}
@media(max-width:767px){
 #masthead .header-branding{padding:18px 15px}
 #masthead .site-branding{justify-content:center;text-align:center}
 #masthead .custom-logo{width:52px;height:52px}
 #masthead .site-title{max-width:calc(100% - 75px);font-size:19px;text-align:left}
 #masthead .site-description{font-size:11px}
 .page-header{padding:30px 15px}
 .site-content.container{padding-top:28px;padding-bottom:35px}
 .widget-area .widget{padding:18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}