/* ====================================================================
   Polo80 - Frontend pagina Eventi.
   Riusa le classi già esistenti per tab (.pop-menu-tabs*) e griglia
   (.pop-menu-grid) della pagina Menu invece di duplicarle: sono generiche,
   non specifiche del menu. Qui restano solo gli stili propri della card
   evento, diversa nei contenuti dalla card prodotto.
   ==================================================================== */

.pop-evento-card {
	background-color: var(--e-global-color-panna-crema);
	border: var(--pop-border-width) solid var(--pop-border-color);
	border-radius: 0;
	box-shadow: 6px 6px 0 var(--pop-border-color);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: visible;
}

.pop-evento-card__media {
	position: relative;
	border-bottom: var(--pop-border-width) solid var(--pop-border-color);
}
.pop-evento-card__media img {
	display: block;
	width: 100%;
	height: 180px;
	max-height: 180px;
	object-fit: cover;
	object-position: center;
}

/* Adesivi diagonali: "In Evidenza" (giallo, stessa logica della "Novità" del
   menu) e "In Corso" (verde inglese scuro, per distinguerlo a colpo
   d'occhio da tutti gli altri adesivi del sito, nessuno dei quali usa
   questo colore) possono comparire insieme: il secondo scende più in basso
   con --secondaria, stessa tecnica già usata per le card prodotto. */
.pop-evento-badge--evidenza {
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-text);
}
.pop-evento-badge--in-corso {
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-panna-crema);
}
.pop-evento-badge--secondaria {
	top: 56px !important;
}
.pop-evento-badge--no-media {
	position: static;
	display: inline-block;
	transform: none;
	margin: 12px 0 0 12px;
}
.pop-evento-badge--no-media.pop-evento-badge--secondaria {
	margin-top: 4px;
}

.pop-evento-card__body {
	padding: 16px 18px 18px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex-grow: 1;
}

.pop-evento-card__title {
	font-family: var(--e-global-typography-primary-font-family), sans-serif;
	text-transform: uppercase;
	font-size: 19px;
	line-height: 1.15;
	margin: 0;
	/* Regola di contrasto del sito: verde scuro su crema/arancione. */
	color: var(--e-global-color-secondary);
}

.pop-evento-card__data {
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--e-global-color-accent);
	margin: 0;
}

.pop-evento-card__luogo,
.pop-evento-card__prezzo {
	font-family: var(--e-global-typography-text-font-family), sans-serif;
	font-size: 13.5px;
	/* Regola di contrasto del sito: verde scuro su crema/arancione. */
	color: var(--e-global-color-secondary);
	opacity: 0.75;
	margin: 0;
	line-height: 1.4;
}

.pop-evento-card__link {
	margin-top: auto;
	align-self: flex-start;
	padding-top: 8px;
}

/* ---- Sezioni Home "Prossimi Eventi" ed "Eventi della Settimana": lo
   spazio/intestazione è già quello comune di ".pop-home-sezione .pop-menu-grid"
   in menu.css (Eventi ora è una tab del gruppo Novità/Offerte/Eventi invece
   di avere un proprio contenitore dedicato), niente da aggiungere qui. ---- */