/* SagreAds: spazi dei partner. Colori e card riprendono quelli di SagreFVG. */

.sagreads-slot {
	--sagreads-rosso: #a3483b;
	--sagreads-testo: #5c5650;
	box-sizing: border-box;
}

.sagreads-item[hidden] {
	display: none;
}

.sagreads-banner {
	display: block;
	overflow: hidden;
	line-height: 0;
	border-radius: 12px;
}

.sagreads-banner img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.sagreads-label {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: right;
	color: var(--sagreads-testo);
}

/* Testata: striscia 320×100 sul telefono, 728×90 dal tablet in su. */
.sagreads-testata {
	max-width: 728px;
	margin: 12px auto;
	padding: 0 16px;
}

.sagreads-testata .sagreads-banner img {
	aspect-ratio: 320 / 100;
}

@media (min-width: 782px) {
	.sagreads-testata {
		padding: 0;
	}

	.sagreads-testata .sagreads-banner img {
		aspect-ratio: 728 / 90;
	}
}

/* Provincia: riquadro 300×250. */
.sagreads-slot--provincia .sagreads-banner img {
	aspect-ratio: 300 / 250;
}

.sagreads-sagra {
	max-width: 300px;
	margin: 32px auto;
}

/* Nell'elenco il reset di The Events Calendar sui li è più forte, e sul sito le righe hanno margin-bottom: -40px. */
.tribe-events-calendar-list .sagreads-slot.sagreads-riga-provincia {
	list-style: none;
	max-width: 300px;
	margin: 72px auto 32px;
}

/* Scheda "Consigliato": eredita lo stile delle righe sagra di The Events Calendar. */
.sagreads-riga > .sagreads-item {
	display: contents;
}

.sagreads-riga > .sagreads-item[hidden] {
	display: none;
}

.sagreads-scheda .sagreads-label {
	display: inline-block;
	margin: 0;
	font-weight: 600;
	text-align: left;
	color: var(--sagreads-rosso);
}

.sagreads-foto {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.sagreads-testo {
	margin: 8px 0 0;
}

.sagreads-logo {
	display: block;
	width: 48px;
	height: 48px;
	margin-top: 12px;
	object-fit: contain;
	border-radius: 8px;
	background: #fff;
}

/* Il titolo "In evidenza" usa <time> come i separatori dei mesi, così prende lo stile del sito. */