/* MatchdayHotels V9.2.12 DIRECT V3 - Unified Fixture Section Contrast Repair
   Purpose: guarantee that the unified mid-page fixture sections render as dark surfaces
   even when older/later legacy fixture CSS is present. Presentation only: no API/data/booking changes.
*/

:root {
  --mhd-v9212-v3-shell-a: #0d1720;
  --mhd-v9212-v3-shell-b: #14232d;
  --mhd-v9212-v3-card: rgba(255,255,255,.065);
  --mhd-v9212-v3-card-hover: rgba(255,255,255,.085);
  --mhd-v9212-v3-line: rgba(255,255,255,.105);
  --mhd-v9212-v3-text: #f7fafc;
  --mhd-v9212-v3-muted: rgba(237,244,248,.76);
  --mhd-v9212-v3-soft: rgba(237,244,248,.61);
  --mhd-v9212-v3-accent: #ff6747;
}

/* The shell background is also written inline by the patcher. These highly-specific
   rules are a second guard against legacy light-section rules loaded elsewhere. */
html body main article section.seo-v74-section.mhd-v9212-unified-section.mhd-v9212-contrast-v3[data-v9212-unified-fixture-flow][data-v9212-contrast-fix-v3],
html body article section.seo-v74-section.mhd-v9212-unified-section.mhd-v9212-contrast-v3[data-v9212-unified-fixture-flow][data-v9212-contrast-fix-v3],
html body section.seo-v74-section.mhd-v9212-unified-section.mhd-v9212-contrast-v3[data-v9212-unified-fixture-flow][data-v9212-contrast-fix-v3] {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin: 1rem 0 !important;
  padding: clamp(1.55rem, 2.8vw, 2.3rem) clamp(1.15rem, 3.2vw, 2.55rem) !important;
  border: 1px solid var(--mhd-v9212-v3-line) !important;
  border-radius: 1.15rem !important;
  background-color: var(--mhd-v9212-v3-shell-a) !important;
  background-image: linear-gradient(135deg, var(--mhd-v9212-v3-shell-a) 0%, var(--mhd-v9212-v3-shell-b) 58%, #0f1921 100%) !important;
  color: var(--mhd-v9212-v3-text) !important;
  box-shadow: 0 16px 36px rgba(5,13,20,.18) !important;
  color-scheme: dark !important;
}

html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 92% 4%, rgba(255,103,71,.09), transparent 24%) !important;
}

html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Consistent restrained headings. */
html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .section-heading,
html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v9211-travel-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(14rem, .72fr) !important;
  align-items: end !important;
  gap: .8rem 1.8rem !important;
  margin: 0 0 1.15rem !important;
  max-width: none !important;
}

html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .eyebrow {
  color: var(--mhd-v9212-v3-accent) !important;
  font-size: .67rem !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
}

html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .section-heading h2,
html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v9211-travel-heading h2,
html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] > div > h2 {
  margin: 0 !important;
  max-width: 23ch !important;
  color: #fff !important;
  font-size: clamp(1.85rem, 2.8vw, 2.6rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.033em !important;
}

html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .section-heading > p,
html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v9211-travel-heading p,
html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] > div > p {
  margin: 0 !important;
  color: var(--mhd-v9212-v3-muted) !important;
  font-size: .93rem !important;
  line-height: 1.55 !important;
}

/* Fixture intelligence cards: explicitly dark + readable. */
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: .78rem !important;
  margin: 0 !important;
}
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid > article {
  min-width: 0 !important;
  padding: 1rem 1.02rem !important;
  border: 1px solid var(--mhd-v9212-v3-line) !important;
  border-radius: .88rem !important;
  background: var(--mhd-v9212-v3-card) !important;
  background-color: rgba(255,255,255,.065) !important;
  box-shadow: none !important;
  color: var(--mhd-v9212-v3-text) !important;
}
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid > article > span {
  color: #ff795d !important;
  font-size: .65rem !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
}
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid h3,
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid strong {
  color: #fff !important;
}
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid p,
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid small {
  color: var(--mhd-v9212-v3-muted) !important;
}
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid a {
  color: #eef5f8 !important;
  text-decoration-color: rgba(255,255,255,.42) !important;
}
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-action {
  margin: .82rem 0 0 !important;
  padding: .95rem 1.08rem !important;
  border: 1px solid var(--mhd-v9212-v3-line) !important;
  border-radius: .88rem !important;
  background: rgba(255,255,255,.045) !important;
  color: var(--mhd-v9212-v3-text) !important;
}
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-action strong { color:#fff !important; }
html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-action p { color:var(--mhd-v9212-v3-muted) !important; }

/* Travel + driving cards. */
html body section#station-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v9211-travel-card,
html body section#station-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v9210-travel-card,
html body section#station-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-info-grid > article,
html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-info-grid > article {
  border: 1px solid var(--mhd-v9212-v3-line) !important;
  border-radius: .88rem !important;
  background: var(--mhd-v9212-v3-card) !important;
  background-color: rgba(255,255,255,.065) !important;
  color: var(--mhd-v9212-v3-text) !important;
  box-shadow: none !important;
}
html body section#station-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] h3,
html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] h3 { color:#fff !important; }
html body section#station-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] article p,
html body section#station-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] article span,
html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] article p,
html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] article span,
html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] article small { color:var(--mhd-v9212-v3-muted) !important; }
html body section#station-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] article a,
html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] article a { color:#eef5f8 !important; }

/* Away guide cards. */
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:.78rem !important;
  margin:0 !important;
}
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-card,
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .matchday-pub-card {
  min-width:0 !important;
  padding:1rem 1.05rem 1.05rem !important;
  border:1px solid var(--mhd-v9212-v3-line) !important;
  border-radius:.88rem !important;
  background:var(--mhd-v9212-v3-card) !important;
  background-color:rgba(255,255,255,.065) !important;
  color:var(--mhd-v9212-v3-text) !important;
  box-shadow:none !important;
}
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-badge {
  width:4.3rem !important;
  height:4.3rem !important;
  margin:0 0 .75rem !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:999px !important;
  background:#efe3c9 !important;
  color:#111820 !important;
  box-shadow:none !important;
}
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-card h3 { color:#fff !important; }
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-card p,
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-facts,
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-facts span { color:var(--mhd-v9212-v3-muted) !important; }
html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-card a { color:#eef5f8 !important; }

/* Return journey. */
html body section.seo-v74-return-context.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:1rem 1.5rem !important;
  align-items:center !important;
}
html body section.seo-v74-return-context.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-budget-v1-return {
  border:1px solid var(--mhd-v9212-v3-line) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--mhd-v9212-v3-text) !important;
}
html body section.seo-v74-return-context.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-budget-v1-return strong { color:#fff !important; }
html body section.seo-v74-return-context.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-budget-v1-return span { color:var(--mhd-v9212-v3-muted) !important; }

/* Explicitly do not style transactional controls. */
html body [data-away-day-builder],
html body [data-budget-form] { --mhd-v9212-v3-unified-flow:none; }

@media (max-width:1180px) {
  html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:900px) {
  html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .section-heading,
  html body section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v9211-travel-heading { grid-template-columns:1fr !important; align-items:start !important; }
  html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid,
  html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-info-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html body section.seo-v74-return-context.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] { grid-template-columns:1fr !important; }
}
@media (max-width:640px) {
  html body section.seo-v74-section.mhd-v9212-unified-section.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] { margin:.72rem 0 !important; padding:1.35rem 1rem !important; border-radius:1rem !important; }
  html body section#fixture-intelligence.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .mhd-v77-intelligence-grid,
  html body section#parking-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-info-grid,
  html body section#local-guide.mhd-v9212-contrast-v3[data-v9212-contrast-fix-v3] .seo-v74-pub-grid { grid-template-columns:1fr !important; }
}