/* ==========================================================================
   DB D'ESSAI - scheda singolo film/evento (single-wp_theatre_prod.php)
   Nidificato dentro .dbdessai-provacinema per riusare variabili, reset
   tipografico e componenti (.dbd-nav, .dbd-btn, .dbd-eyebrow, ecc.)
   gia' definiti in page-provacinema.css.
   ========================================================================== */

body.single-wp_theatre_prod {
	margin: 0;
	background: oklch(0.15 0.028 260);
}

/* -------------------------------------------------- DETTAGLIO FILM */
.dbdessai-produzione .dbd-detail {
	padding: 100px 6vw 100px;
	max-width: 1280px;
	margin: 0 auto;
}

.dbdessai-produzione .dbd-detail-grid {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 64px;
	align-items: start;
}

.dbdessai-produzione .dbd-detail-poster {
	width: 100%;
	aspect-ratio: 2/3;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	background: repeating-linear-gradient(135deg, oklch(0.24 0.03 260) 0px, oklch(0.24 0.03 260) 14px, oklch(0.2 0.028 260) 14px, oklch(0.2 0.028 260) 28px);
	box-shadow: 0 20px 40px oklch(0 0 0 / 0.35);
	display: flex;
	align-items: center;
	justify-content: center;
}

.dbdessai-produzione .dbd-detail-poster figure {
	margin: 0;
	width: 100%;
	height: 100%;
}

.dbdessai-produzione .dbd-detail-poster img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center;
}

.dbdessai-produzione .dbd-detail-info h1 {
	font-family: var(--dbd-serif);
	font-size: clamp(34px, 4.5vw, 56px);
	font-weight: 700;
	line-height: 1.08;
	margin: 8px 0 0;
	color: var(--dbd-text);
}

.dbdessai-produzione .dbd-detail-meta {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 28px 0;
}

.dbdessai-produzione .dbd-detail-date {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 24px;
	padding: 16px 20px;
	border: 1px solid var(--dbd-border);
	border-radius: 6px;
	background: var(--dbd-card);
}

.dbdessai-produzione .dbd-detail-date-when {
	font-weight: 700;
	font-size: 15px;
	color: oklch(0.7 0.14 25);
}

.dbdessai-produzione .dbd-detail-date-where {
	font-size: 15px;
	color: var(--dbd-text-soft);
}

.dbdessai-produzione .dbd-detail-date-price {
	font-weight: 600;
	font-size: 15px;
	color: var(--dbd-text);
}

.dbdessai-produzione .dbd-detail-date-tickets {
	margin-left: auto;
}

.dbdessai-produzione .dbd-detail-empty {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 13px;
	color: oklch(0.6 0.02 260);
	padding: 16px 0;
}

.dbdessai-produzione .dbd-detail-synopsis {
	font-size: 16.5px;
	line-height: 1.75;
	color: var(--dbd-text-soft);
}

.dbdessai-produzione .dbd-detail-synopsis p {
	margin: 0 0 18px;
}

/* -------------------------------------------------- ALTRI FILM */
.dbdessai-produzione .dbd-others {
	padding: 80px 6vw 120px;
	background: linear-gradient(180deg, oklch(0.13 0.026 260), oklch(0.17 0.032 260) 40%, oklch(0.13 0.026 260));
}

.dbdessai-produzione .dbd-film-card--link {
	text-decoration: none;
	color: inherit;
}

.dbdessai-produzione .dbd-film-card--link:hover .dbd-film-poster {
	box-shadow: 0 24px 48px oklch(0 0 0 / 0.45);
}

.dbdessai-produzione .dbd-film-card--link h3 {
	font-family: var(--dbd-serif);
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	color: var(--dbd-text);
}

/* -------------------------------------------------- RESPONSIVE */
@media (max-width: 820px) {
	.dbdessai-produzione .dbd-detail-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.dbdessai-produzione .dbd-detail-poster {
		max-width: 300px;
		margin: 0 auto;
	}

	.dbdessai-produzione .dbd-detail-date-tickets {
		margin-left: 0;
	}
}