/* Matchday Hotels V8.0.10 V8.1
   Owner-approved Stoke-reference badge treatment for every away club.
   The badge is a large, low-opacity background watermark behind the builder.
   Budget styling is explicitly controlled by away-team colours. */

.mhd-away-day-builder-v809 {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
}

.mhd-away-day-builder-v809 > :not(.away-day-builder-club-watermark-shell-v80101) {
  position: relative;
  z-index: 2;
}

.away-day-builder-club-watermark-shell-v80101 {
  position: absolute;
  z-index: 0;
  top: -10px;
  left: -20px;
  width: clamp(270px, 34vw, 430px);
  height: clamp(330px, 45vw, 560px);
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(
    125deg,
    #000 0%,
    rgba(0, 0, 0, .96) 45%,
    rgba(0, 0, 0, .48) 72%,
    transparent 96%
  );
  mask-image: linear-gradient(
    125deg,
    #000 0%,
    rgba(0, 0, 0, .96) 45%,
    rgba(0, 0, 0, .48) 72%,
    transparent 96%
  );
}

.away-day-builder-club-watermark-v80101 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
  opacity: .075;
  filter: saturate(.72) contrast(.92);
  mix-blend-mode: multiply;
}

.away-day-builder-club-watermark-fallback-v80101 {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: start;
  padding: .55rem 0 0 .25rem;
  color: var(--away-primary, #111);
  font-size: clamp(6rem, 17vw, 12rem);
  font-weight: 950;
  line-height: .75;
  letter-spacing: -.08em;
  opacity: .055;
}

/* The approved Stoke reference uses the faded badge as the club identity
   rather than a separate foreground fixture ribbon. */
.away-day-builder-ribbon-v809 {
  display: none !important;
}

/* The supporter budget must always use the travelling/away team's palette. */
.mhd-budget-v8092[data-away-budget-colours="true"] {
  --budget-club: var(--away-budget-primary, var(--club-primary, #111));
  --budget-accent: var(--away-budget-secondary, var(--club-secondary, #f2c14e));
}

.mhd-budget-v8092[data-away-budget-colours="true"] .mhd-budget-v8092-ribbon,
.mhd-budget-v8092[data-away-budget-colours="true"] .mhd-budget-v8092-primary,
.mhd-budget-v8092[data-away-budget-colours="true"] .mhd-budget-v8092-primary-cards article,
.mhd-budget-v8092[data-away-budget-colours="true"] .mhd-budget-v8092-ai,
.mhd-budget-v8092[data-away-budget-colours="true"] .mhd-budget-v8092-option-grid > label.is-included,
.mhd-budget-v8092[data-away-budget-colours="true"] .mhd-budget-v8092-ticket {
  border-color: var(--budget-club);
}

@media (max-width: 760px) {
  .away-day-builder-club-watermark-shell-v80101 {
    top: 8px;
    left: -66px;
    width: 300px;
    height: 390px;
  }

  .away-day-builder-club-watermark-v80101 {
    opacity: .058;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .away-day-builder-club-watermark-v80101 {
    opacity: .045;
  }
}

/* WATERMARK_ONLY_BUILDER_BADGE_SUPPRESSION_V80112
   V8.0.11.2 restores the owner-approved watermark-only club treatment.
   The normal club badge may still exist elsewhere on fixture/club pages;
   it is suppressed only inside the guided away-day builder. */
.mhd-away-day-builder-v809 .away-day-builder-ribbon-v809,
.mhd-away-day-builder-v809 .mhd-v712-badge,
.mhd-away-day-builder-v809 .mhd-v712-badge-image,
.mhd-away-day-builder-v809 .ticket-club-badge,
.mhd-away-day-builder-v809 [data-mhd-badge-image],
.mhd-away-day-builder-v809 img[src*="/assets/clubs/"][src*="/badge.png"]:not(.away-day-builder-club-watermark-v80101) {
  display: none !important;
}

/* Keep the approved faded crest available even if other badge rules change. */
.mhd-away-day-builder-v809 .away-day-builder-club-watermark-shell-v80101 {
  display: block !important;
}

.mhd-away-day-builder-v809 .away-day-builder-club-watermark-v80101 {
  display: block !important;
}

/* FADED_WATERMARK_ONLY_GUARD_V80116
   The approved faded watermark shell is the only club-image authority
   inside the guided away-day builder. */

.mhd-away-day-builder-v809 img[src*="/assets/clubs/"][src*="/badge.png"],
.mhd-away-day-builder-v809 img[data-away-day-club-watermark],
.mhd-away-day-builder-v809 .mhd-v712-badge img,
.mhd-away-day-builder-v809 .ticket-club-badge {
  display: none !important;
}

.mhd-away-day-builder-v809
  .away-day-builder-club-watermark-shell-v80101
  > img.away-day-builder-club-watermark-v80101 {
  display: block !important;
}

/* FINAL_BUILDER_WATERMARK_GUARD_V80117 */
.mhd-away-day-builder-v809 {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.mhd-away-day-builder-v809 > :not(.away-day-builder-club-watermark-shell-v80101) {
  position: relative;
  z-index: 2;
}

/* Standalone/direct builder images are never allowed to become the club identity. */
.mhd-away-day-builder-v809 > img,
.mhd-away-day-builder-v809 img[data-away-day-club-watermark],
.mhd-away-day-builder-v809 img[src*="/assets/clubs/"][src*="/badge.png"],
.mhd-away-day-builder-v809 .mhd-v712-badge img,
.mhd-away-day-builder-v809 .ticket-club-badge {
  display: none !important;
}

.mhd-away-day-builder-v809 > .away-day-builder-club-watermark-shell-v80101 {
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  top: -10px !important;
  left: -20px !important;
  width: clamp(270px, 34vw, 430px) !important;
  height: clamp(330px, 45vw, 560px) !important;
  overflow: hidden !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-mask-image: linear-gradient(
    125deg,
    #000 0%,
    rgba(0, 0, 0, .96) 45%,
    rgba(0, 0, 0, .48) 72%,
    transparent 96%
  ) !important;
  mask-image: linear-gradient(
    125deg,
    #000 0%,
    rgba(0, 0, 0, .96) 45%,
    rgba(0, 0, 0, .48) 72%,
    transparent 96%
  ) !important;
}

.mhd-away-day-builder-v809
  > .away-day-builder-club-watermark-shell-v80101
  > img.away-day-builder-club-watermark-v80101 {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: left top !important;
  opacity: .075 !important;
  filter: saturate(.72) contrast(.92) !important;
  mix-blend-mode: multiply !important;
}

.mhd-away-day-builder-v809 .away-day-builder-ribbon-v809 {
  display: none !important;
}

@media (max-width: 760px) {
  .mhd-away-day-builder-v809
    > .away-day-builder-club-watermark-shell-v80101 {
    top: 8px !important;
    left: -66px !important;
    width: 300px !important;
    height: 390px !important;
  }

  .mhd-away-day-builder-v809
    > .away-day-builder-club-watermark-shell-v80101
    > img.away-day-builder-club-watermark-v80101 {
    opacity: .058 !important;
  }
}