/* =====================================================================
   Theme: MATCHDAY - bold and dynamic
   Competitive teams: fixtures, results, achievements, team news.
   Dark editorial surfaces, oversized type, diagonal accents.
   ===================================================================== */

:root {
    --font-display: 'Archivo Black', 'Barlow Condensed', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --radius: 6px;
    --radius-lg: 10px;
    --radius-sm: 4px;
}

/* Matchday is dark by default whatever the visitor's device says, unless
   the club has explicitly chosen the light theme. */
:root:not([data-theme="light"]) {
    --page-bg: #070b14;
    --surface: #11182a;
    --surface-alt: #0b1120;
    --ink: #04070f;
    --text: #eef2f8;
    --text-secondary: #93a1b8;
    --border: rgba(148, 163, 184, .18);
    --navbar-bg: rgba(7, 11, 20, .88);
}

.club-site :is(h1, h2, h3, h4) { letter-spacing: -.01em; line-height: .94; }
.club-site .section-title, .club-site .hero__title { text-transform: uppercase; }

/* Hard-edged hero with a slanted colour bar behind the copy */
.club-site .hero { min-height: 620px; }
.club-site .hero__overlay {
    background: linear-gradient(105deg, rgba(4, 7, 15, .94) 0%, rgba(4, 7, 15, .72) 45%, rgba(4, 7, 15, .25) 100%);
}
.club-site .hero__inner { position: relative; padding-left: 26px; }
.club-site .hero__inner::before {
    content: ''; position: absolute; left: 0; top: 6px; bottom: 30%;
    width: 6px; background: var(--club-accent); transform: skewX(-8deg);
}
.club-site .hero__badge {
    border-radius: 0; transform: skewX(-8deg); letter-spacing: .18em;
}
.club-site .hero__badge > * { display: inline-block; transform: skewX(8deg); }
.club-site .hero__dot.is-active { border-radius: 0; }

/* Square-ish buttons with a hard shadow */
.club-site .btn-club { border-radius: 4px; letter-spacing: .1em; }
.club-site .btn-club--primary { box-shadow: 4px 4px 0 0 var(--club-accent); }
.club-site .btn-club--primary:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 0 var(--club-accent); }

/* Section heads: numbered, left-aligned, ruled */
.club-site .section__head { border-top: 3px solid var(--club-accent); padding-top: 18px; max-width: none; }
.club-site .section__head--center { text-align: left; margin-left: 0; }
.club-site .section__head--center .eyebrow { justify-content: flex-start; }
.club-site .eyebrow { letter-spacing: .24em; }
.club-site .eyebrow::before { width: 0; }
.club-site .section__head--center .eyebrow::after { display: none; }

/* Cards are panels, not pills */
.club-site .feature-card,
.club-site .team-card,
.club-site .coach-card,
.club-site .event-card,
.club-site .news-card,
.club-site .day-card,
.club-site .trophy,
.club-site .quote { border-radius: var(--radius); }

/* Results / achievements read like a scoreboard */
.club-site .trophies { gap: 2px; }
.club-site .trophy {
    border-radius: 0; border-left: 4px solid var(--club-accent);
    background: var(--surface); align-items: center;
}
.club-site .trophy:hover { transform: none; background: color-mix(in srgb, var(--club-accent) 8%, var(--surface)); }
.club-site .trophy__year { font-family: var(--font-display); font-size: 1.7rem; }

/* Fixtures: a dense list, not airy cards */
.club-site .events { gap: 2px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .club-site .events { grid-template-columns: 1fr; } }
.club-site .event-card {
    flex-direction: row; align-items: stretch; border-radius: 0;
    border-left: 4px solid var(--club-primary);
}
.club-site .event-card:hover { transform: translateX(4px); }
.club-site .event-card__media { aspect-ratio: auto; width: 210px; flex: 0 0 210px; }
@media (max-width: 700px) {
    .club-site .event-card { flex-direction: column; }
    .club-site .event-card__media { width: 100%; flex: none; aspect-ratio: 16/9; }
}
.club-site .event-card__date { border-radius: 2px; }
.club-site .badge-x { border-radius: 2px; }

/* Team cards: number-plate feel */
.club-site .team-card__head::before {
    background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .1) 0 3px, transparent 3px 14px);
}
.club-site .team-card__code { font-family: var(--font-display); font-size: 2.1rem; }

/* Schedule reads like a fixture list */
.club-site .day-card__head { border-radius: 0; }
.club-site .slot__time { font-family: var(--font-display); }