.site-header{background:var(--header-bg,#148438);color:var(--header-text,#fff);--text:var(--header-text,#fff);--muted:var(--header-text,#fff);--accent:var(--header-text,#fff);--surface:var(--header-bg,#148438);--bg:var(--header-bg,#148438);--border:var(--header-border,#ffffff66);--button-text:var(--header-bg,#148438)}
.site-header .brand,.site-header a{color:var(--header-text,#fff)}.site-header input::placeholder{color:var(--header-text,#fff);opacity:.8}
.site-header :focus-visible{outline-color:var(--header-text,#fff)}
.site-footer{background:var(--footer-bg,#148438);color:var(--footer-text,#fff);--text:var(--footer-text,#fff);--muted:var(--footer-text,#fff);--accent:var(--footer-text,#fff);--surface:var(--footer-bg,#148438);--bg:var(--footer-bg,#148438);--border:var(--footer-border,#ffffff66);text-align:center;align-items:center}
.site-footer>nav,.site-footer .social-links{justify-content:center}.site-footer .platform-credit{width:100%}.site-footer a,.site-footer button,.site-footer .platform-credit small{color:var(--footer-text,#fff)}
.site-footer .platform-credit .platform-logo-light{display:var(--footer-logo-light,none)}.site-footer .platform-credit .platform-logo-dark{display:var(--footer-logo-dark,block)}
.site-footer :focus-visible{outline:2px solid var(--footer-text,#fff);outline-offset:4px}
.language-switch{position:relative;text-align:left;max-width:100%;width:max-content}.language-switch summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--footer-border);border-radius:8px;cursor:pointer;list-style:none}.language-switch summary::-webkit-details-marker{display:none}
.language-options{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;gap:4px;width:220px;max-width:calc(100vw - 32px);padding:8px;border:1px solid var(--footer-border);border-radius:12px;background:var(--footer-bg);box-shadow:0 6px 24px #0004}
.language-switch:not([open]) .language-options{display:none}.language-options a{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:44px;border-radius:6px;text-decoration:none}.language-options a:hover,.language-options a[aria-current]{background:transparent;box-shadow:inset 0 0 0 1px var(--footer-border);text-decoration:underline}.language-options img{width:24px;height:16px;object-fit:cover;border-radius:2px;flex-shrink:0}.language-selected{margin-left:auto}

body{overflow-x:clip}.site-header{border-top:0;background-image:var(--header-pattern,none);background-size:var(--site-viewport-width,100vw) var(--header-pattern-height,600px);background-repeat:no-repeat;background-position:center top}.site-footer{background-image:var(--footer-pattern,none);background-size:var(--footer-pattern-size,auto);background-repeat:no-repeat;background-position:center top}
.home-hero-page>main{position:relative;isolation:isolate}.home-hero-page>main:has(.featured-posts)::before{content:"";position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);width:var(--site-viewport-width,100vw);height:var(--header-news-overlap,clamp(72px,14vw,180px));background-color:var(--header-bg);background-image:var(--header-pattern,none);background-size:var(--site-viewport-width,100vw) var(--header-pattern-height,600px);background-repeat:no-repeat;background-position:center calc(-1 * var(--header-pattern-offset,200px));pointer-events:none}.home-header-reserve{background:transparent}

/* Public header: spacious branding and an inline expanding search. */
body>.site-header{padding-inline:32px;column-gap:24px}
.site-header .brand{font-size:1.375rem;gap:20px;max-width:440px}
body>.site-header .brand .club-logo{width:100px;height:100px;max-width:100px;max-height:100px;flex-shrink:0}
.site-header .brand-copy{min-width:0;overflow-wrap:anywhere}
.site-header .site-navigation{margin-left:auto;justify-self:end}
.site-header .header-social-links{right:32px}
body>.site-header .header-search.search-enhanced{position:relative;display:flex;width:44px;flex:0 0 auto;gap:0;border-bottom:1px solid var(--header-border);transition:width .28s ease}
body>.site-header .header-search.search-enhanced:not(.search-collapsed){width:260px}
body>.site-header .header-search.search-enhanced input{position:static;display:block;flex:1;width:0;min-width:0;max-width:none;padding:8px 4px;opacity:1;visibility:visible;background:transparent;color:var(--header-text);border:0;border-radius:0;box-shadow:none;transition:opacity .2s ease}
body>.site-header .header-search.search-collapsed{border-bottom-color:transparent}
body>.site-header .header-search.search-collapsed input{padding-inline:0;opacity:0;visibility:hidden;pointer-events:none}
body>.site-header .header-search button{flex:0 0 44px;transition:transform .28s ease}
body>.site-header .header-search.search-collapsed button{transform:translateX(-12px)}
@media(min-width:901px){body>.site-header{grid-template-columns:minmax(260px,440px) minmax(0,1fr) auto}.site-header .site-navigation>div>ul{justify-content:flex-end}}
@media(max-width:1100px) and (min-width:901px){body>.site-header{grid-template-columns:minmax(240px,340px) minmax(0,1fr) auto;column-gap:12px}.site-header .brand{font-size:1.2rem}body>.site-header .brand .club-logo{width:100px;height:100px;max-height:100px}}
@media(max-width:900px){body>.site-header{padding-inline:20px}.site-header .brand{max-width:100%;font-size:1.2rem}body>.site-header .brand .club-logo{width:100px;height:100px;max-height:100px}.site-header .header-social-links{right:20px}.site-header .site-navigation{margin-left:0;margin-right:auto}body>.site-header .header-search.search-enhanced:not(.search-collapsed){width:min(260px,calc(100vw - 140px))}}
body.header-compact>.site-header .brand .club-logo{width:64px;height:64px;max-height:64px}
@media(prefers-reduced-motion:reduce){body>.site-header .header-search.search-enhanced,body>.site-header .header-search.search-enhanced input,body>.site-header .header-search button{transition:none}}

/* Align the branding with the top social row. */
body>.site-header:has(.header-social-links) .brand{align-self:start;margin-top:calc(-1 * (var(--social-header-height,44px) + 20px))}
body.social-header-compact>.site-header .brand,body.header-compact>.site-header .brand{margin-top:0}
@media(max-width:900px){body>.site-header:has(.header-social-links) .brand{margin-top:0}}
@media(min-width:1101px){body:not(.header-compact)>.site-header{grid-template-columns:max-content minmax(0,1fr) auto}body:not(.header-compact)>.site-header .brand{max-width:none}body:not(.header-compact)>.site-header .brand-copy strong{white-space:nowrap}}
