/*
Theme Name: HFBD
Author: HFBD
Description: Accessible block theme for Hollanda Fenerbahçeliler Derneği.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: hfbd-theme
*/

:root{color-scheme:light dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}a{text-underline-offset:.2em}:focus-visible{outline:3px solid var(--wp--preset--color--yellow);outline-offset:4px}.wp-site-blocks{min-height:100vh}.hfbd-skip-link{position:fixed;left:1rem;top:-8rem;z-index:9999;padding:.8rem 1rem;background:var(--wp--preset--color--yellow);color:#04172f;font-weight:800}.hfbd-skip-link:focus{top:1rem}.hfbd-shell{width:min(100% - 2rem,1240px);margin-inline:auto}.hfbd-header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,var(--wp--preset--color--surface) 90%,transparent);backdrop-filter:blur(18px)}.hfbd-header__inner{min-height:82px;display:flex;align-items:center;gap:2rem}.hfbd-brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;font-weight:850;letter-spacing:-.03em;white-space:nowrap}.hfbd-brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--wp--preset--color--yellow);color:#04172f;font-size:.8rem;letter-spacing:.04em;box-shadow:inset 0 0 0 4px #fff,0 0 0 1px #d8dce4}.hfbd-nav{display:flex;align-items:center;gap:1.3rem;margin-left:auto}.hfbd-nav a{color:inherit;text-decoration:none;font-size:.91rem;font-weight:700}.hfbd-nav a:hover{text-decoration:underline;text-decoration-color:var(--wp--preset--color--yellow);text-decoration-thickness:3px}.hfbd-tools{display:flex;gap:.4rem;align-items:center}.hfbd-icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:inherit}.hfbd-lang{padding-inline:.8rem;font-weight:800}.hfbd-menu-button{display:none}.hfbd-hero{position:relative;overflow:hidden;min-height:min(760px,calc(100svh - 82px));display:grid;align-items:end;color:#fff;background:#04172f;isolation:isolate}.hfbd-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 75% 20%,rgba(255,237,0,.23),transparent 30%),linear-gradient(125deg,#04172f 10%,#082b57 60%,#124b85)}.hfbd-hero:after{content:"";position:absolute;width:58vw;aspect-ratio:1;right:-8vw;top:-22vw;z-index:-1;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 6vw rgba(255,255,255,.035),0 0 0 12vw rgba(255,237,0,.025)}.hfbd-hero__content{padding-block:clamp(5rem,10vw,9rem);max-width:900px}.hfbd-eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1.2rem;color:var(--wp--preset--color--yellow);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hfbd-eyebrow:before{content:"";width:32px;height:3px;background:currentColor}.hfbd-hero h1{max-width:930px;margin:0;font-size:clamp(3rem,7.4vw,7.4rem);line-height:.92;letter-spacing:-.07em;text-wrap:balance}.hfbd-hero p{max-width:680px;margin:1.6rem 0 2rem;color:#dfe8f3;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.65}.hfbd-actions{display:flex;flex-wrap:wrap;gap:.8rem}.hfbd-button,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.25rem;border-radius:999px;background:var(--wp--preset--color--yellow);color:#04172f;font-weight:850;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.hfbd-button:hover,.wp-element-button:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.18)}.hfbd-button--ghost{border:1px solid rgba(255,255,255,.42);background:transparent;color:#fff}.hfbd-section{padding-block:clamp(4.5rem,8vw,8rem)}.hfbd-section--tint{background:var(--wp--preset--color--surface-alt)}.hfbd-section--navy{background:var(--wp--preset--color--navy);color:#fff}.hfbd-section__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.4rem}.hfbd-section__head h2{max-width:780px;margin:0;font-size:clamp(2.2rem,4.8vw,4.6rem);line-height:1;letter-spacing:-.055em}.hfbd-section__head p{max-width:480px;color:var(--wp--preset--color--muted)}.hfbd-section--navy .hfbd-section__head p{color:#b9c9dc}.hfbd-announcement{margin-top:-2rem;position:relative;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;border-radius:18px;background:var(--wp--preset--color--yellow);color:#04172f;box-shadow:0 18px 50px rgba(4,23,47,.18)}.hfbd-announcement__label{padding:.35rem .6rem;border-radius:6px;background:#04172f;color:#fff;font-size:.72rem;font-weight:850;text-transform:uppercase}.hfbd-match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hfbd-card{border:1px solid var(--wp--preset--color--border);border-radius:20px;background:var(--wp--preset--color--surface);color:var(--wp--preset--color--text);overflow:hidden}.hfbd-match{padding:1.35rem}.hfbd-match__meta{display:flex;justify-content:space-between;gap:1rem;color:var(--wp--preset--color--muted);font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.hfbd-match__teams{display:grid;gap:.85rem;margin-block:1.6rem}.hfbd-team{display:flex;align-items:center;gap:.75rem;font-size:1.08rem;font-weight:800}.hfbd-team__badge{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--wp--preset--color--surface-alt);border:1px solid var(--wp--preset--color--border);font-size:.72rem}.hfbd-match__foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding-top:1rem;border-top:1px solid var(--wp--preset--color--border)}.hfbd-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800}.hfbd-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wp--preset--color--yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--wp--preset--color--yellow) 25%,transparent)}.hfbd-news-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:auto auto;gap:1rem}.hfbd-story{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:end;padding:1.5rem;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#0a3568,#04172f);color:#fff;text-decoration:none}.hfbd-story:first-child{grid-row:span 2;min-height:540px}.hfbd-story:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,237,0,.26),transparent 30%)}.hfbd-story>*{position:relative}.hfbd-story h3{margin:.5rem 0 0;font-size:clamp(1.5rem,3vw,3.2rem);line-height:1.04;letter-spacing:-.045em}.hfbd-story:not(:first-child) h3{font-size:clamp(1.3rem,2vw,2rem)}.hfbd-story__meta{color:var(--wp--preset--color--yellow);font-size:.75rem;font-weight:800;text-transform:uppercase}.hfbd-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.hfbd-split h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:.98;letter-spacing:-.06em;margin:0 0 1.5rem}.hfbd-values{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hfbd-value{min-height:180px;padding:1.3rem;border:1px solid var(--wp--preset--color--border);border-radius:20px;background:var(--wp--preset--color--surface-alt)}.hfbd-value strong{display:block;margin-bottom:1rem;color:var(--wp--preset--color--navy-light);font-size:2rem}.hfbd-cta{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:end;padding:clamp(2rem,5vw,4.5rem);border-radius:30px;background:var(--wp--preset--color--yellow);color:#04172f}.hfbd-cta h2{margin:0;max-width:780px;font-size:clamp(2.5rem,5.5vw,5.2rem);line-height:.96;letter-spacing:-.06em}.hfbd-cta .hfbd-button{background:#04172f;color:#fff}.hfbd-footer{padding-block:4rem 2rem;background:#031226;color:#dfe8f3}.hfbd-footer__grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem}.hfbd-footer h3{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.hfbd-footer a{display:block;margin-block:.55rem;color:#b9c9dc;text-decoration:none}.hfbd-footer a:hover{color:var(--wp--preset--color--yellow)}.hfbd-footer__bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:#91a5bc}.hfbd-form{display:grid;gap:1rem;max-width:780px}.hfbd-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hfbd-field label{display:block;margin-bottom:.45rem;font-weight:750}.hfbd-field input,.hfbd-field select,.hfbd-field textarea{width:100%;min-height:50px;padding:.8rem 1rem;border:1px solid var(--wp--preset--color--border);border-radius:12px;background:var(--wp--preset--color--surface);color:var(--wp--preset--color--text);font:inherit}.hfbd-field textarea{min-height:120px;resize:vertical}.hfbd-notice{padding:1rem 1.2rem;border-left:4px solid var(--wp--preset--color--yellow);background:var(--wp--preset--color--surface-alt);border-radius:8px}@media(max-width:980px){.hfbd-menu-button{display:grid}.hfbd-nav{display:none;position:absolute;inset:82px 0 auto;padding:1.3rem max(1rem,calc((100vw - 1240px)/2));background:var(--wp--preset--color--surface);border-bottom:1px solid var(--wp--preset--color--border);flex-direction:column;align-items:stretch}.hfbd-nav.is-open{display:flex}.hfbd-nav a{padding:.65rem;font-size:1rem}.hfbd-tools{margin-left:auto}.hfbd-match-grid{grid-template-columns:1fr 1fr}.hfbd-split,.hfbd-cta{grid-template-columns:1fr}.hfbd-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.hfbd-header__inner{min-height:68px}.hfbd-brand span:last-child{display:none}.hfbd-nav{top:68px}.hfbd-hero{min-height:660px}.hfbd-hero h1{font-size:clamp(3.1rem,15vw,5.2rem)}.hfbd-announcement{grid-template-columns:1fr;margin-top:-1rem}.hfbd-section__head{display:block}.hfbd-match-grid,.hfbd-news-grid,.hfbd-form__row{grid-template-columns:1fr}.hfbd-story:first-child{grid-row:auto;min-height:400px}.hfbd-values{grid-template-columns:1fr}.hfbd-footer__grid{grid-template-columns:1fr}.hfbd-footer__bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}