/* Matchday Hotels V9.2.11 — Continuous Travel Flow
   Purpose: make the travel-information block visually belong to the same
   premium dark fixture journey while keeping a small intentional section break.
   Carries forward the accepted V9.2.9 V4 summary-only atmosphere contract.
*/

/* ---- V9.2.9 V4 accepted summary-only atmosphere contract ---- */
.mhd-v928-experience,
[data-v928-experience],
.mhd-v928-experience-grid,
.mhd-v928-experience-card,
.mhd-v929-atmosphere-layer {
  display: none !important;
}

[data-v929-fan-atmosphere="true"] [data-away-day-summary],
[data-away-day-summary][data-v929-fan-atmosphere="true"] {
  background-image: url('/assets/fan-atmosphere-v9-2-9-v3/scene-05-fan-zone-evening-wash.webp') !important;
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: cover !important;
  background-clip: padding-box !important;
}

.mhd-v929v4-plan-atmosphere {
  background-repeat: no-repeat !important;
  background-position: right center !important;
  background-size: cover !important;
  background-clip: padding-box !important;
}

[data-hotel-preview-card].mhd-v929v4-plan-atmosphere,
.mhd-hotel-preview-card-v808.mhd-v929v4-plan-atmosphere,
.mhd-supporter-hotel-card-v8081.mhd-v929v4-plan-atmosphere {
  background-image: none !important;
}

/* ---- V9.2.11 continuous section flow ----
   Deliberately high specificity: older SEO section rules use !important and
   were winning over V9.2.10's outer-surface colours on production.
*/
html body article .seo-v74-section.mhd-v9211-travel-information,
html body main .seo-v74-section.mhd-v9211-travel-information,
html body .seo-v74-section.mhd-v9211-travel-information {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  margin-top: 1.1rem !important;
  margin-bottom: 1.1rem !important;
  padding: clamp(1.8rem, 3.5vw, 2.8rem) clamp(1.35rem, 4vw, 3.5rem) !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(135deg, #101820 0%, #14212b 52%, #111a22 100%) !important;
  background-color: #101820 !important;
  color: #f8fafc !important;
  box-shadow: 0 18px 42px rgba(5,13,20,.16) !important;
}

html body .seo-v74-section.mhd-v9211-travel-information::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(255,84,47,.10), transparent 27%),
    linear-gradient(90deg, rgba(255,255,255,.018), transparent 32%) !important;
  z-index: 0 !important;
}

html body .mhd-v9211-travel-heading,
html body .mhd-v9211-travel-grid {
  position: relative !important;
  z-index: 1 !important;
}

html body .mhd-v9211-travel-heading {
  max-width: 64rem !important;
  margin: 0 0 1.35rem !important;
}

html body .mhd-v9211-travel-heading .eyebrow {
  display: inline-block !important;
  margin: 0 0 .48rem !important;
  color: #ff6543 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
}

html body .seo-v74-section.mhd-v9211-travel-information .mhd-v9211-travel-heading h2,
html body .seo-v74-section.mhd-v9211-travel-information h2 {
  margin: 0 !important;
  max-width: 22ch !important;
  color: #ffffff !important;
  font-size: clamp(2rem, 3.5vw, 3.15rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}

html body .seo-v74-section.mhd-v9211-travel-information .mhd-v9211-travel-heading p {
  max-width: 54rem !important;
  margin: .8rem 0 0 !important;
  color: rgba(238,244,248,.74) !important;
  font-size: .96rem !important;
  line-height: 1.6 !important;
}

html body .mhd-v9211-travel-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .85rem !important;
  align-items: stretch !important;
}

html body .mhd-v9211-travel-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 1.15rem 1.2rem 1.1rem !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: .95rem !important;
  background: rgba(255,255,255,.055) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
  backdrop-filter: blur(2px);
}

html body .mhd-v9211-travel-card::before {
  content: "" !important;
  position: absolute !important;
  left: 1.2rem !important;
  top: 0 !important;
  width: 2.25rem !important;
  height: 3px !important;
  border-radius: 0 0 3px 3px !important;
  background: #ff5a36 !important;
}

html body .mhd-v9211-travel-card-kicker {
  margin: 0 0 .55rem !important;
  color: #ff7658 !important;
  font-size: .64rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}

html body .seo-v74-section.mhd-v9211-travel-information .mhd-v9211-travel-card h3 {
  margin: 0 0 .55rem !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

html body .seo-v74-section.mhd-v9211-travel-information .mhd-v9211-travel-card p {
  margin: 0 0 .75rem !important;
  color: rgba(238,244,248,.68) !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
}

html body .seo-v74-section.mhd-v9211-travel-information .mhd-v9211-travel-card p strong {
  color: #ffffff !important;
  font-weight: 850 !important;
}

html body .seo-v74-section.mhd-v9211-travel-information .mhd-v9211-travel-card a {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-top: auto !important;
  color: rgba(248,250,252,.86) !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  text-decoration-color: rgba(255,255,255,.42) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: .2em !important;
}

html body .mhd-v9211-travel-empty {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: .3rem !important;
  padding: 1.15rem 1.2rem !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: .95rem !important;
  background: rgba(255,255,255,.05) !important;
  color: #f8fafc !important;
}

html body .mhd-v9211-travel-empty span {
  color: rgba(248,250,252,.66) !important;
}

/* Keep a deliberate breathing space between major product sections rather than
   turning the travel block into a full cream page band. */
html body .mhd-v9211-travel-information + .seo-v74-return-context {
  margin-top: 1.1rem !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

@media (max-width: 900px) {
  html body .mhd-v9211-travel-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .mhd-v929v4-plan-atmosphere {
    background-position: 72% center !important;
    background-size: auto 100% !important;
  }

  html body article .seo-v74-section.mhd-v9211-travel-information,
  html body main .seo-v74-section.mhd-v9211-travel-information,
  html body .seo-v74-section.mhd-v9211-travel-information {
    margin-top: .8rem !important;
    margin-bottom: .8rem !important;
    padding: 1.65rem 1rem !important;
    border-radius: 1rem !important;
  }

  html body .seo-v74-section.mhd-v9211-travel-information .mhd-v9211-travel-heading h2,
  html body .seo-v74-section.mhd-v9211-travel-information h2 {
    font-size: clamp(1.85rem, 9vw, 2.55rem) !important;
  }
}