/**
 * Ad slot containers. Only rendered at all when enabled + populated in
 * Customizer → Kabomal Ads (see inc/ad-slots.php), so there's never an
 * empty box in the layout.
 */

.ad-slot {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-1);
	margin-block: var(--space-6);
	overflow: hidden;
}

.ad-slot::before {
	content: "Sponsored";
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #9CA3AF;
}

.ad-slot--sidebar {
	margin-top: var(--space-5);
}

@media (max-width: 1023px) {
	.ad-slot--sidebar {
		display: none;
	}
}