/**
 * Desktop side-rail advertisements: unused viewport margin, fluid boxed content
 * when BOTH rails render. Width is derived from remaining space, not a giant breakpoint.
 */
.bankera-page-shell {
	position: relative;
	--bankera-header-stack: calc(
		var(--bankera-topbar-height, 2.25rem)
		+ var(--bankera-branding-height, 7rem)
		+ (var(--bankera-space-2, 0.5rem) * 2)
		+ var(--bankera-nav-height, 3.5rem)
		+ 1px
	);
	--bankera-rail-fit-height: calc(
		100dvh
		- var(--bankera-header-stack)
		- var(--wp-admin--admin-bar--height, 0px)
		- var(--bankera-rail-offset-top, 4px)
		- 16px
	);
	--bankera-rail-gap: clamp(12px, 1vw, 24px);
	--bankera-outer-space: max(0px, calc((100% - min(100%, var(--bankera-container))) / 2));
	--bankera-ad-rail-width: clamp(
		var(--bankera-rail-min-width, 80px),
		calc(var(--bankera-outer-space) - var(--bankera-rail-gap) - var(--bankera-rail-outer-min, 8px)),
		var(--bankera-rail-max-width, 160px)
	);
	--bankera-rail-sticky-gap: 14px;
}
.bankera-page-shell--rails-both {
	--bankera-rail-reserved: calc(
		2 * (var(--bankera-rail-min-width, 80px) + var(--bankera-rail-gap) + var(--bankera-rail-outer-min, 8px))
	);
	--bankera-container: clamp(
		var(--bankera-content-min-rail, 1180px),
		calc(100% - var(--bankera-rail-reserved)),
		var(--bankera-content-preferred, 1280px)
	);
}
.bankera-ad-rail {
	display: none;
	position: absolute;
	top: var(--bankera-rail-offset-top, 4px);
	bottom: 0;
	width: var(--bankera-ad-rail-width);
	background: transparent;
	border: 0;
	box-shadow: none;
	z-index: 1;
	pointer-events: none;
}
.bankera-ad-rail--left {
	left: calc(50% - (var(--bankera-container) / 2) - var(--bankera-rail-gap) - var(--bankera-ad-rail-width));
	right: auto;
}
.bankera-ad-rail--right {
	right: calc(50% - (var(--bankera-container) / 2) - var(--bankera-rail-gap) - var(--bankera-ad-rail-width));
	left: auto;
}
.bankera-ad-rail__sticky {
	position: sticky;
	top: calc(var(--bankera-sticky-header-height, var(--bankera-sticky-height, 4rem)) + var(--wp-admin--admin-bar--height, 0px) + var(--bankera-rail-sticky-gap, 14px));
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	background: transparent;
	pointer-events: auto;
}
.bankera-ad-rail .bankera-ad {
	width: auto;
	max-width: 100%;
	background: transparent;
	box-shadow: none;
}
.bankera-ad-rail .bankera-ad--reserved {
	aspect-ratio: auto;
}
.bankera-ad-rail .bankera-ad.bankera-ad--layout-rail .bankera-ad__img,
.bankera-ad-rail .bankera-ad.bankera-ad--layout-rail img {
	display: block;
	inline-size: auto;
	max-inline-size: 100%;
	block-size: auto;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: var(--bankera-rail-fit-height);
	object-fit: contain;
	object-position: center top;
	border-radius: var(--bankera-radius-md, 0.5rem);
}
@media print {
	.bankera-ad-rail {
		display: none !important;
	}
}
