/* Qoder custom skin — dark stadium theme */
:root {
  --q-bg: #0b1220;
  --q-panel: #111c30;
  --q-panel-2: #0e1728;
  --q-border: #1e2c49;
  --q-green: #22c55e;
  --q-green-dark: #16a34a;
  --q-text: #e6ecf5;
  --q-muted: #8fa0ba;
}

body {
  background: var(--q-bg);
  color: var(--q-text);
}

a { color: inherit; }

/* ---------- header ---------- */
.header-wrap {
  background: #101d33;
  border-bottom: 1px solid var(--q-border);
}

.header {
  background: linear-gradient(180deg, #101d33 0%, #0b1220 100%);
  border-bottom: 1px solid var(--q-border);
}

.header__logo {
  padding: 4px 6px;
}

/* ---------- primary nav bar ---------- */
.primary-navigation {
  background: #0f1b2f;
  border-bottom: 2px solid var(--q-green-dark);
}

.primary-navigation a,
.primary-navigation .mega-menu__menu__title {
  color: var(--q-text);
}

.primary-navigation li > a:hover,
.primary-navigation li > span:hover {
  color: var(--q-green);
}

/* ---------- hero banner ---------- */
.qhero {
  position: relative;
  background: url('hero.jpg') center 62% / cover no-repeat;
  border-bottom: 1px solid var(--q-border);
}

.qhero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 13, 24, .92) 0%, rgba(8, 13, 24, .55) 55%, rgba(8, 13, 24, .25) 100%);
}

.qhero__inner {
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  padding: 46px 20px;
}

.qhero__k {
  margin: 0;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--q-green);
}

.qhero__t {
  margin: 8px 0 0;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1.15;
  color: #fff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .5);
}

.qhero__d {
  margin: 8px 0 0;
  font-size: .95rem;
  color: #c3cede;
}

/* ---------- intro / prose blocks ---------- */
.container p, .container h1, .container h2, .container h3 { color: var(--q-text); }
.container a { color: var(--q-green); }

/* ---------- date tabs ---------- */
.container--fluid {
  background-color: transparent;
}

.date-select {
  background-color: var(--q-panel-2);
}

.feature-block {
  background: var(--q-panel);
  border: 1px solid var(--q-border);
  border-radius: 16px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .28);
}

.date-select-container {
  height: auto;
  margin-top: 0;
}

.date-select-wrap {
  background-color: var(--q-panel-2);
}

.date-select li {
  flex: 0 0 110px;
}

.date-select li:not(:last-child) {
  border-right-color: var(--q-border);
}

.date-select li a[data-date-select-link] {
  display: block;
  background: var(--q-panel-2);
  border-radius: 0;
  padding: 10px 14px;
  color: var(--q-muted);
  text-align: center;
  transition: all .15s ease;
}

.date-select li a[data-date-select-link]:hover {
  background: #16233c;
  color: #fff;
}

.date-select li a[data-date-select-link] b {
  color: var(--q-text);
  font-size: 1.05rem;
}

.date-select li.active a[data-date-select-link] {
  background: #15233c;
}

.date-select li.active a[data-date-select-link] b {
  color: var(--q-green);
}

.date-select li.active:after {
  background-color: var(--q-green);
  height: 4px;
}

.date-select li.inactive:after {
  color: #5b6b85;
}

/* ---------- fixture groups ---------- */
.fixture-group {
  background: var(--q-panel);
  border: 1px solid var(--q-border);
  border-radius: 16px;
  padding: 0 0 10px;
  margin: 26px auto;
  max-width: 1180px;
  overflow: hidden;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .28);
}

.fixture-date {
  background: linear-gradient(90deg, var(--q-green-dark), #0f7a3d);
  color: #fff;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 10px 18px;
}

.fixture {
  border-bottom: 1px solid #1a2740;
  padding: 14px 18px 12px;
  transition: background .12s ease;
}

.fixture:hover { background: #15233c; }

.fixture__time { color: var(--q-green); font-weight: 700; }
.fixture__teams { color: #fff; }
.fixture__competition { color: var(--q-muted); }

.channel-pill {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
  border-radius: 999px;
}

/* ---------- misc ---------- */
.advertfixtures, .adsbygoogle { display: none !important; }

/* ---------- footer ---------- */
.footer, .footer__top {
  background: #0a101d;
  color: var(--q-muted);
  border-top: 1px solid var(--q-border);
}

.footer a { color: var(--q-muted); }
.footer a:hover { color: var(--q-green); }
.footer__title { color: var(--q-text); }

.footer__back-to-top {
  background: #0d1526;
  color: var(--q-text);
}

/* mega menu panels */
.mega-menu, .mega-menu__grid-wrap {
  background: #0f1b2f;
  color: var(--q-text);
}

.mega-menu__menu__title { color: var(--q-green); }