/* ============================================================
   Staffordshire Quantums — theme
   Sits on top of the shared stylesheet by re-pointing its colour
   tokens: red and yellow come from the club crest, near-black from
   its lettering. The repeating border is drawn after the shirt trim.
   ============================================================ */

:root {
  --green:        #C8202F;   /* the Quantums' primary red (text-safe on cream) */
  --green-dark:   #A51825;
  --green-deep:   #1B1B1B;   /* near-black: footer, and text on yellow buttons */
  --gold:         #F0C820;
  --gold-deep:    #D4A400;
  --cream:        #F7F3E8;
  --ink:          #1E1E1E;
  --ink-soft:     #4F4B45;
  --line:         #D9CFB5;
}

.site-header { background: #1B1B1B; border-bottom: 0; }
.brand img { height: 54px; }
.brand-word { color: #fff; }

.q-band {
  height: 20px;
  background: #E02838 url(/assets/img/quantums-tapa.png) repeat-x;
  background-size: 32px 20px;
}

footer.site-footer { background: #1B1B1B; }
footer.site-footer img { height: 64px; }

/* Home page */
.q-hero {
  background: radial-gradient(ellipse at 80% 20%, #8E1722 0%, #3A0C12 45%, #1B1B1B 100%);
  color: #fff;
  padding: 64px 0 56px;
}
.q-hero .wrap { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.q-hero h1 { color: var(--gold); font-size: clamp(44px, 8vw, 84px); line-height: 0.95; margin: 0 0 16px; font-style: italic; }
.q-hero p { color: #F3E9D2; font-size: 19px; max-width: 46ch; margin: 0 0 24px; }
.q-hero img { width: 230px; height: auto; flex: 0 0 auto; }
@media (max-width: 760px) { .q-hero img { display: none; } .q-hero { padding: 44px 0 40px; } }

.q-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.q-facts li { background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--gold-deep); padding: 14px 16px; }
.q-facts strong { display: block; font-family: "Barlow Condensed", sans-serif; font-size: 22px; color: var(--green); }
.q-facts span { font-size: 14px; color: var(--ink-soft); }

.q-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.q-card { background: #fff; border: 1px solid var(--line); border-top: 5px solid var(--green); padding: 22px; }
.q-card h3 { margin-top: 0; }
.q-card.gold { border-top-color: var(--gold-deep); }

/* Rugby Card page: the "selected club" tint was green */
.slot-selected { background: #FBE9EA; }
.slot-reserved { background: #FBF6E4; }

.q-grid { margin-top: 22px; }
.q-card .btn { font-size: 17px; padding: 10px 18px; }