/**
 * Smart Ads Engine — front-end styles.
 *
 * Styles only the plugin's own helper classes (sae-anchor*), never the
 * configurable brand classes, so the targeting classes stay clean for Mediavine.
 * A little reserved space keeps an empty anchor from collapsing to 0px before
 * Mediavine fills it.
 */

.sae-anchor {
	display: block;
	clear: both;
	margin: 1.5rem auto;
	text-align: center;
	max-width: 100%;
}

/* Header leaderboard anchor: reserve space under the header so the unit has
 * room to load (prevents a 0px box and gives a clear gap below the header).
 * 728x90 leaderboard on desktop, 320x50 on mobile; billboard can be taller. */
.sae-anchor-header {
	margin: 0 auto;
	padding: 10px 0;
	min-height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 922px) {
	/* Desktop: allow room for a 728x90 / 970x250 billboard. */
	.sae-anchor-header {
		padding: 15px 0;
		min-height: 100px;
	}
}

@media (max-width: 921px) {
	/* Mobile: 320x50 banner. */
	.sae-anchor-header {
		min-height: 60px;
	}
}

/* Sticky sidebar anchor. */
.sae-anchor-sidebar {
	margin: 0 0 1.5rem;
	min-height: 250px;
}