/* fixtures.html - season fixtures & results.  v01.00.00 // 06-10-26 // AH.TWC
   Loaded only by fixtures.html. Re-uses .form-box / .form-win / .form-loss / .form-draw from style.css */
#fixtures { padding: 60px 0 40px; }
#fixtures .fx-wrap { max-width: 920px; margin: 0 auto; }
#fixtures .fx-head { text-align: center; margin-bottom: 18px; }
#fixtures .fx-head h2 { font-family: "Ancizar Sans", serif; color: #3747db; font-weight: 600; margin-bottom: 4px; }
#fixtures .fx-head p { color: #555; margin: 0; }

.fx-sum { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 22px; }
.fx-sum div { background: #fff; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.08); padding: 10px 16px; min-width: 88px; text-align: center; }
.fx-sum b { display: block; font-size: 1.5rem; font-family: "Ancizar Sans", serif; color: #3747db; line-height: 1.2; }
.fx-sum span { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: #666; }

.fx-list { list-style: none; margin: 0; padding: 0; }
.fx-row { display: grid; grid-template-columns: 96px 1fr 120px 150px; align-items: center; gap: 12px;
  background: #fff; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,.08); padding: 12px 16px; margin-bottom: 10px;
  border-left: 5px solid #c9ceea; }
.fx-row.is-home { border-left-color: #1d8a4e; }
.fx-row.is-away { border-left-color: #5a6bc0; }
.fx-row.is-next { outline: 2px solid #3747db; box-shadow: 0 4px 14px rgba(55,71,219,.22); }
.fx-when { display: flex; flex-direction: column; line-height: 1.25; }
.fx-date { font-weight: 700; }
.fx-time { color: #666; font-size: .9rem; }
.fx-match { display: flex; align-items: center; gap: 12px; min-width: 0; }
.fx-crest { width: 44px; height: 44px; object-fit: contain; flex: none; display: inline-block; }
.fx-opp { font-weight: 700; font-size: 1.05rem; }
.fx-venue { color: #666; font-size: .9rem; }
.fx-ha { display: flex; gap: 6px; flex-wrap: wrap; }
.fx-pill { display: inline-block; border-radius: 999px; padding: 2px 12px; font-size: .78rem; font-weight: 700; color: #fff; }
.fx-pill.home { background: #1d8a4e; }
.fx-pill.away { background: #5a6bc0; }
.fx-pill.next { background: #3747db; }
.fx-result { text-align: right; }
.fx-score { display: inline-flex; align-items: center; gap: 8px; font-size: 1.1rem; }
.fx-ko { color: #444; }
.fx-tbc { color: #9a6a00; font-weight: 600; }
.fx-note { text-align: center; color: #555; }
.fx-key { text-align: center; color: #666; font-size: .88rem; margin-top: 14px; }

@media (max-width: 700px) {
  .fx-row { grid-template-columns: 1fr auto; grid-template-areas: "when result" "match match" "ha ha"; row-gap: 8px; padding: 12px 14px; }
  .fx-when { grid-area: when; flex-direction: row; gap: 10px; align-items: baseline; }
  .fx-result { grid-area: result; }
  .fx-match { grid-area: match; }
  .fx-ha { grid-area: ha; }
}

/* hero picture for the fixtures page (replaces the shared hero3.jpg) */
#hero3.hero-fixtures::after {
  background-image: url("../images/fixtures.jpg");
  background-position: center center;
}

.fx-intro{max-width:760px;margin:0 auto 18px;text-align:center;color:#5b6475;font-size:.95rem;line-height:1.5}