/**
 * BBQLovers — annonsslots. Se ADVERTISING-ARCHITECTURE.md.
 * Containern reserverar alltid yta oavsett vad bbqlovers_ad_slot() till slut
 * renderar (AdSense / direktkampanj / inget) → annonser bidrar inte till CLS.
 */

.ad-slot {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-inline: auto;
	overflow: hidden;
}
.ad-slot::before {
	content: "Annons";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.65rem;
	color: var(--color-ash-light);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
/* Tom slot: yta reserveras (ingen CLS när en annons senare aktiveras),
   men själva "Annons"-etiketten döljs för besökaren — se
   BBQLovers_Ad_Manager::render_slot() som sätter denna klass. */
.ad-slot--empty { visibility: hidden; }

.ad-slot--leaderboard {
	min-height: var(--ad-h-leaderboard-mobile);
	max-width: var(--ad-w-leaderboard-mobile);
}
@media (min-width: 768px) {
	.ad-slot--leaderboard {
		min-height: var(--ad-h-leaderboard-desktop);
		max-width: var(--ad-w-leaderboard-desktop);
	}
}
.ad-slot--rectangle {
	min-height: var(--ad-h-rectangle);
	max-width: var(--ad-w-rectangle);
}
.ad-slot--sticky {
	position: sticky;
	top: calc(var(--header-height) + var(--space-lg));
}

.ad-slot-wrap { margin-block: var(--space-xl); }