/**
 * In-content Broadstreet ads — content-width only; the gray comes from ads.css.
 * Scoped to article chrome content column so gray never full-bleeds over the share rail.
 *
 * Follow/popout players use position:fixed. Kadence rows often use z-index:1, which
 * stacks Most Popular / Newsletter above the corner player — reset those to auto.
 * article-chrome.js also reparents .bs-video-follow-popout to <body>.
 */

/* Keep sticky share rail above in-flow mid-article ad bands. */
.has-iola-article-chrome .iola-article-layout__shares {
	z-index: 30;
}

/*
 * Broadstreet injects <div id="zone_load_…"> around mid-article zones.
 * No wrapper background (the old #f5f5f5 band) and never viewport full-bleed.
 * Skip wrappers that contain a follow/popout player so we do not trap it
 * inside an extra stacking context (z-index:20).
 */
.has-iola-article-chrome .iola-article-layout__content [id^="zone_load_"]:not(:has(.bs-video-follow-popout)) {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* Kill any full-bleed breakout attempts */
	left: auto;
	right: auto;
	transform: none;
	clear: both;
	margin-block: 1.25rem;
	position: relative;
	z-index: 20;
}

.has-iola-article-chrome .iola-article-layout__content [id^="zone_load_"]:not(:has(.bs-video-follow-popout)) broadstreet-zone-container,
.has-iola-article-chrome .iola-article-layout__content [id^="zone_load_"]:not(:has(.bs-video-follow-popout)) broadstreet-zone,
.has-iola-article-chrome .iola-article-layout__content [id^="zone_load_"]:not(:has(.bs-video-follow-popout)) .broadstreet-label-container {
	box-sizing: border-box;
	max-width: 100%;
	position: relative;
	z-index: 21;
}

/* In-article bands: 22px top/bottom, kept here even if the site-wide padding in ads.css changes. */
.has-iola-article-chrome .iola-article-layout__content [id^="zone_load_"]:not(:has(.bs-video-follow-popout)) broadstreet-zone-container {
	padding-block: 22px;
}

/* In-flow zone iframes only — not follow/popout players. */
.has-iola-article-chrome .iola-article-layout__content [id^="zone_load_"]:not(:has(.bs-video-follow-popout)) iframe:not(.bs-yt-player2) {
	position: relative;
	z-index: 22;
	max-width: 100%;
}

/*
 * Recirculation footer (Most Popular / Related / Newsletters / Videos):
 * Kadence assigns z-index:1 on columns — that stacks above the follow ad.
 * Force default stacking on ALL Kadence rows in the post so floating ads win.
 */
.has-iola-article-chrome .entry-content .kb-row-layout-wrap,
.has-iola-article-chrome .entry-content .kt-row-column-wrap,
.has-iola-article-chrome .entry-content .wp-block-kadence-column,
.has-iola-article-chrome .entry-content .kt-inside-inner-col,
.has-iola-article-chrome .wp-block-iola-article-end,
.has-iola-article-chrome .wp-block-iola-newsletter-videos,
.has-iola-article-chrome .iola-article-end,
.has-iola-article-chrome .iola-newsletter-videos {
	isolation: auto !important;
	z-index: auto !important;
}

/*
 * Follow / corner video — always above page content.
 * Stay below comments drawer only if that UI uses a higher value when open.
 */
.has-iola-article-chrome .bs-video-follow-popout,
.bs-video-follow-popout,
.has-iola-article-chrome .bs-video-follow-popout.is-smaller,
.bs-video-follow-popout.is-smaller {
	z-index: 2147483000 !important;
}

.has-iola-article-chrome .bs-video-follow-popout iframe,
.bs-video-follow-popout iframe {
	position: relative;
	z-index: 2147483001 !important;
}