/**
 * Riserve spazio ADV.
 *
 * IMPORTANTE: i PDF forniti descrivono posizioni e blocchi, ma non le dimensioni
 * dei creativi. I valori seguenti sono una base prudenziale e DEVONO essere
 * sostituiti con le altezze effettive servite dalla concessionaria.
 *
 * Per maggiore stabilità aggiungere a ogni blocco Ad Inserter anche la classe:
 * adv-slot adv-slot--NOME
 */
:root {
	--adv-masthead-desktop: 250px;
	--adv-masthead-mobile: 100px;
	--adv-intext-desktop: 250px;
	--adv-intext-mobile: 250px;
	--adv-top-desktop: 250px;
	--adv-top-mobile: 250px;
	--adv-middle-desktop: 250px;
	--adv-middle-mobile: 250px;
	--adv-bottom-mobile: 250px;
	--adv-native-desktop: 280px;
	--adv-native-mobile: 280px;
}

.adv-slot,
[class*="code-block-"] {
	width: 100%;
	max-width: 100%;
	margin-block: clamp(1rem, 3vw, 2rem);
	text-align: center;
	overflow: clip;
}

.adv-slot::before {
	display: block;
	margin-bottom: .35rem;
	color: var(--wp--preset--color--muted);
	content: "Pubblicità";
	font: 600 .625rem/1.2 var(--wp--preset--font-family--system);
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Desktop: blocchi 4, 5, 7, 9, 13 */
@media (min-width: 782px) {
	.adv-slot--masthead,
	.code-block-4 {
		min-height: var(--adv-masthead-desktop);
	}

	.adv-slot--intext-vip-desktop,
	.code-block-5 {
		min-height: var(--adv-intext-desktop);
	}

	.adv-slot--insideposttop-desktop,
	.code-block-7 {
		min-height: var(--adv-top-desktop);
	}

	.adv-slot--insidepostmiddle-desktop,
	.code-block-9 {
		min-height: var(--adv-middle-desktop);
	}

	.adv-slot--native,
	.code-block-13 {
		min-height: var(--adv-native-desktop);
	}
}

/* Mobile: blocchi 4, 6, 8, 10, 11, 12, 13 */
@media (max-width: 781px) {
	.adv-slot--masthead,
	.code-block-4 {
		min-height: var(--adv-masthead-mobile);
	}

	.adv-slot--intext-vip-mobile,
	.code-block-6 {
		min-height: var(--adv-intext-mobile);
	}

	.adv-slot--topmobile,
	.code-block-8 {
		min-height: var(--adv-top-mobile);
	}

	.adv-slot--middlemobile-1,
	.code-block-10,
	.adv-slot--middlemobile-2,
	.code-block-11 {
		min-height: var(--adv-middle-mobile);
	}

	.adv-slot--bottommobile,
	.code-block-12 {
		min-height: var(--adv-bottom-mobile);
	}

	.adv-slot--native,
	.code-block-13 {
		min-height: var(--adv-native-mobile);
	}
}