/* Embed player — full-bleed, no site chrome, made to fill an <iframe>. */

html, body.fs-embed-body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #000;
	overflow: hidden;
}

.fs-embed-wrap {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
}

.fs-embed-wrap .fs-player,
.fs-embed-wrap .fs-player__frame {
	width: 100%;
	height: 100%;
}

/* Splash must also fill the embed frame — aspect-ratio: 16/9 is overridden
   by the parent's fixed inset:0 in embed mode, so the splash stays proportional */
.fs-embed-wrap .fs-player__splash,
.fs-embed-wrap .fs-player__splash-bg {
	border-radius: 0;
}

/* ── Embed Ad Units ────────────────────────────────────────────────────── */
.fs-embed-ad {
  display: block;
  text-align: center;
  pointer-events: auto; /* ensure clicks reach the ad */
}

/* Social/banner ad sits below the player without overlapping it */
.fs-embed-ad--social {
  margin-top: 8px;
  line-height: 0; /* collapse whitespace around the iframe */
}

/* Pop/onclick ads are script-only — the div is invisible but present */
.fs-embed-ad--pop {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* ── Mobile ad containment (embed page) ─────────────────────────────── */
/*
 * The embed page is loaded in an iframe so its viewport may be very small.
 * Contain the social/banner ad so it never makes the frame scrollable.
 */
@media (max-width: 480px) {
	body.fs-embed-body {
		overflow-x: hidden;
	}
	.fs-embed-ad--social {
		display: flex;
		justify-content: center;
		overflow: hidden;
		max-width: 100vw;
	}
	.fs-embed-ad--social iframe,
	.fs-embed-ad--social ins,
	.fs-embed-ad--social > * {
		max-width: 100% !important;
		height: auto !important;
	}
}