@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap");
/* Poppins Google Fonts — regular through black, club standard. */
/* Tadley-Calleva FC staging theme — edit values here, not on each page.
   Provisional colours until official brand values are confirmed. */
:root {
  --club-primary: #000000;
  --club-accent: #fdcf37;
  --club-background: #f7f6f2;
  --club-surface: #ffffff;
  --club-text: #101010;
  --club-muted: #657083;
  --club-border: #e5e7eb;
  --club-heading-font: "Poppins", Arial, sans-serif;
  --club-body-font: "Poppins", Arial, sans-serif;
  --club-content-width: 1180px;
  --club-card-radius: 6px;
  --ink: var(--club-text);
  --navy: var(--club-primary);
  --red: var(--club-accent);
  --cream: var(--club-background);
  --muted: var(--club-muted);
  --line: var(--club-border);
}
body { font-family: var(--club-body-font); }
h1,h2,h3,.brand { font-family: var(--club-heading-font); }
.hero h1 { letter-spacing: -0.025em; }
.brand { letter-spacing: .015em; }
.brand-logo { width: 46px; height: 46px; object-fit: contain; flex-shrink: 0; }
.bar,.wrap,.hero-inner { max-width: var(--club-content-width); }
.panel,.card,.navblock { border-radius: var(--club-card-radius); }
a:focus-visible,button:focus-visible { outline: 3px solid #e6a400; outline-offset: 3px; }
@media(max-width:800px){ .brand-logo { width: 38px; height: 38px; } }

/* Verified official club colours: yellow #fdcf37 and black #000000. */
header, footer { background: var(--club-primary); }
.hero { background: linear-gradient(110deg, #000000 10%, #161616 100%); }
.hero .eyebrow, .page-title .eyebrow { color: var(--club-accent); }
.page-title { background: var(--club-primary); }
.cta { color: #000000; background: var(--club-accent); }
.cta:hover { background: #f3c121; }
.section-label, .link { color: #765900; }
.hero-side { border-color: #fdcf3766; }
.tabs .active { background: #000000; color: #ffffff; }
.brand-logo { border-radius: 0; }

/* Mobile launch hardening: readable menu and no horizontal page overflow */
html{max-width:100%;overflow-x:clip}body{max-width:100%;overflow-x:clip}img{max-width:100%}a,button{min-height:42px} .nav a{display:inline-flex;align-items:center} .brand{min-width:0} .bar{min-width:0}
@media(max-width:800px){header .nav{top:100%;max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 10px 18px #0006} .tabs{flex-wrap:wrap} .tabs button{flex:1 1 auto} .hero-inner,.page-title .wrap,.wrap{min-width:0} .hero h1,.page-title h1{overflow-wrap:break-word} .menu-button{flex-shrink:0;white-space:nowrap}}
@media(max-width:440px){.bar{gap:7px;padding:10px 12px}.brand{gap:7px;font-size:11px;letter-spacing:0}.brand-logo{width:30px;height:30px}.menu-button{font-size:12px;padding:8px 9px}.hero h1{font-size:clamp(37px,12vw,52px)}.page-title h1{font-size:clamp(30px,9vw,39px)}.cards{gap:12px}.panel{padding:18px}.hero-inner{padding-left:16px;padding-right:16px}.wrap{padding-left:16px;padding-right:16px}}

/* Match photo gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-tile{margin:0;background:#fff;border:1px solid var(--club-border);border-radius:6px;overflow:hidden}.gallery-tile img{width:100%;height:240px;object-fit:cover;display:block}.gallery-tile figcaption{padding:16px}.gallery-tile small{display:block;margin-top:8px;color:#555}.gallery-grid .empty{grid-column:1/-1}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tile img{height:200px}}@media(max-width:550px){.gallery-grid{grid-template-columns:1fr}.gallery-tile img{height:auto;max-height:330px}}