/*
Theme Name: Fanclub Football
Theme URI: https://example.com/
Author: OpenAI
Description: Modern responsive WordPress theme for football fan clubs. Black/yellow by default, customizable via the Customizer.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: fanclub-football
*/

:root {
  --fc-primary: #f7d000;
  --fc-dark: #111;
  --fc-darker: #080808;
  --fc-text: #222;
  --fc-light: #f5f5f5;
  --fc-muted: #777;
  --fc-radius: 12px;
  --fc-shadow: 0 8px 30px rgba(0,0,0,.08);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--fc-text); background:#fff; line-height:1.65; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; }
.container { width:min(1180px,92%); margin:auto; }
.site-header { background:var(--fc-darker); color:#fff; position:sticky; top:0; z-index:1000; box-shadow:0 2px 15px rgba(0,0,0,.2); }
.header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.site-branding { display:flex; align-items:center; gap:14px; }
.custom-logo { max-height:54px; width:auto; }
.site-title { font-size:1.45rem; font-weight:900; letter-spacing:.5px; }
.site-description { color:#bbb; font-size:.8rem; }
.main-navigation ul { list-style:none; display:flex; gap:8px; margin:0; padding:0; }
.main-navigation a { display:block; padding:10px 13px; border-radius:8px; font-weight:700; }
.main-navigation a:hover { background:var(--fc-primary); color:#000; }
.hero { min-height:470px; display:grid; place-items:center; text-align:center; color:#fff; background:
linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.68)),
url("assets/images/stadium.svg") center/cover no-repeat, #222; }
.hero h1 { font-size:clamp(2.2rem,6vw,4.8rem); margin:0 0 12px; line-height:1.05; text-transform:uppercase; }
.hero p { max-width:720px; margin:0 auto 24px; font-size:1.15rem; }
.button { display:inline-block; padding:12px 22px; border-radius:8px; background:var(--fc-primary); color:#000; font-weight:900; }
.button:hover { filter:brightness(.92); }
.section { padding:65px 0; }
.section-dark { background:var(--fc-darker); color:#fff; }
.section-title { text-align:center; margin:0 0 35px; font-size:2rem; text-transform:uppercase; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.card { background:#fff; border-radius:var(--fc-radius); overflow:hidden; box-shadow:var(--fc-shadow); }
.card-content { padding:22px; }
.card h3 { margin-top:0; }
.card-meta { color:var(--fc-muted); font-size:.9rem; }
.match { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; text-align:center; background:#fff; color:#111; padding:30px; border-radius:var(--fc-radius); box-shadow:var(--fc-shadow); }
.team { font-weight:900; font-size:1.3rem; }
.score { font-size:2.2rem; font-weight:900; }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.entry-content { max-width:820px; margin:50px auto; }
.site-main { min-height:55vh; }
.site-footer { background:#050505; color:#ddd; padding:45px 0 20px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:35px; }
.footer-bottom { border-top:1px solid #333; margin-top:30px; padding-top:18px; color:#888; font-size:.9rem; }
.widget ul { list-style:none; padding:0; }
input,textarea,select { width:100%; padding:11px; border:1px solid #ccc; border-radius:7px; }
@media (max-width:800px) {
  .header-inner { flex-wrap:wrap; padding:12px 0; }
  .main-navigation { width:100%; overflow:auto; }
  .main-navigation ul { min-width:max-content; }
  .cards,.news-grid,.footer-grid { grid-template-columns:1fr; }
  .match { grid-template-columns:1fr; }
}