/* MatchdayHotels V9.2.14 - Hero Alignment + Copy Polish
   Presentation-only refinement for fixture heroes.
   - centres competition identity and club-badge matchup within the hero content column;
   - makes the large nickname watermark smaller and more subtle;
   - does not change fixture, hotel, budget, travel or booking behaviour.
*/

.mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-competition-row {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  gap: .55rem !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-badge-row {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(1rem, 2.8vw, 2.35rem) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-badge-row img {
  flex: 0 0 auto !important;
}

.mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-watermark {
  font-size: clamp(4rem, 7.2vw, 7.5rem) !important;
  line-height: .86 !important;
  opacity: .045 !important;
  filter: none !important;
  pointer-events: none !important;
  user-select: none !important;
}

/* The quick builder keeps its current layout; only the helper copy changes. */
.mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9-quick-builder [data-v9214-group-copy="true"] {
  max-width: 34rem;
}

@media (max-width: 860px) {
  .mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-competition-row,
  .mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-badge-row {
    justify-content: center !important;
    text-align: center !important;
  }

  .mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-badge-row {
    gap: .9rem !important;
  }

  .mhd-v9-fixture-hero[data-v9214-hero-polish="true"] .mhd-v9214-watermark {
    font-size: clamp(3rem, 17vw, 5.4rem) !important;
    opacity: .035 !important;
  }
}