/* Clone-runtime overrides — keep the cloned site behaving like the original
 * without depending on Weblium's full hydration loop. */

/* Hide YouTube click-to-play overlays so the iframe shows through immediately. */
.player_overlay_9pE,
[class*="player_overlay"] {
  display: none !important;
  pointer-events: none !important;
}

/* Background-video player (Weblium hero pattern) — make it cover its
 * container responsively. The captured DOM had baked-in pixel styles
 * (top:-60px; left:-319px; width:2078px; height:1173.52px) computed for
 * desktop only; on mobile those values overflow the container.
 *
 * Reset the player wrapper itself AND its single inner positioned div
 * (Weblium nests `<div><iframe/></div>` inside `.player_1sv`). Both have
 * hardcoded pixel `style=` attributes — override with !important.
 */
.player_1sv.player--background_1BW,
.player_1sv.player--background_1BW > div {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  overflow: hidden !important;
}

/* Iframe inside the background player: cover-fit using a CSS aspect
 * trick — whichever axis is smaller scales to 100%, the other axis
 * overflows and gets cropped by the wrapper's overflow:hidden. */
.player_1sv.player--background_1BW iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: 177.78vh !important;   /* 16/9 of viewport height */
  height: 56.25vw !important;   /* 9/16 of viewport width */
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;  /* Block YouTube hover controls + play UI */
  border: 0 !important;
}

/* Sibling overlay divs Weblium drops in (poster image, click-to-play
 * overlay) — these sit on top of the iframe with the YouTube play
 * button graphic. Hide them all. */
.background-wrapper_RZ2 > .player_overlay_9pE,
.placeholder-wrapper_1Zc {
  display: none !important;
}

/* Plain (non-background) YouTube iframes — they have their own container
 * with an explicit aspect ratio. Keep them fluid. */
.player_1sv:not(.player--background_1BW) iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* Lift the header above the y=0 hero overlay (which spans the full
 * blocks-group-wrapper from y=0..1054 on staging because the captured
 * post-JS DOM placed it as a sibling rather than nested under the hero
 * section like on the live original). z-index needs position context. */
.header.w-section--header {
  position: relative;
  z-index: 50;
}

/* The header's own white background fill (background_2xT inside the
 * header section) becomes visible once we lift the header above the
 * hero overlay. On the original site it's painted dark by the overlay
 * above; here we just make the fill transparent so the hero image
 * shows through, matching the original's appearance. */
.header.w-section--header .background_2xT {
  background-color: transparent !important;
}