/* =============================================================
   DOMUS D'ABRUZZO — pala.css
   Stili della sola pagina "Pala Dean Martin".
   Caricato in modo condizionale da inc/pala-dean-martin.php.
   Usa i token già definiti in main.css: nessun colore nuovo.
   ============================================================= */

/* ---------- Box riepilogativo dei dati pratici ---------- */
.pala-facts {
	background: var(--c-surface);
	border: 1px solid var(--c-line);
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	padding: clamp(1.2rem, 4vw, 1.8rem);
	margin: clamp(1.8rem, 5vw, 2.6rem) 0;
}
.pala-facts__title {
	font-size: 1.15rem;
	margin-bottom: 1rem;
}
.pala-facts__list {
	display: grid;
	gap: .85rem 2rem;
	grid-template-columns: 1fr;
	margin: 0;
}
.pala-facts__row {
	display: grid;
	gap: .1rem .8rem;
	padding-bottom: .8rem;
	border-bottom: 1px solid var(--c-line);
}
.pala-facts__row:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.pala-facts__row dt {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--c-ink-soft);
}
.pala-facts__row dd {
	margin: 0;
	color: var(--c-ink);
}

@media (min-width: 620px) {
	.pala-facts__row {
		grid-template-columns: 12rem 1fr;
		align-items: baseline;
	}
	.pala-facts__row dt { padding-top: .1rem; }
}

/* ---------- Schema del percorso ---------- */
.pala-route {
	list-style: none;
	margin: 1.6rem 0 .8rem;
	padding: 0 0 0 1.6rem;
	position: relative;
}
/* La linea continua che unisce le tappe. */
.pala-route::before {
	content: "";
	position: absolute;
	left: 5px;
	top: .55rem;
	bottom: .55rem;
	width: 2px;
	background: var(--c-accent-l);
	border-radius: 2px;
}
.pala-route__step {
	position: relative;
	padding: 0 0 1.15rem;
}
.pala-route__step:last-child { padding-bottom: 0; }
.pala-route__dot {
	position: absolute;
	left: -1.6rem;
	top: .35rem;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--c-surface);
	border: 2px solid var(--c-accent-l);
}
/* Partenza e arrivo pieni, per leggere subito i due estremi. */
.pala-route__step:first-child .pala-route__dot,
.pala-route__step--end .pala-route__dot {
	background: var(--c-accent);
	border-color: var(--c-accent);
}
.pala-route__place {
	display: block;
	font-weight: 600;
}
.pala-route__detail {
	display: block;
	font-size: .9rem;
	color: var(--c-ink-soft);
}
.pala-route__link { margin-bottom: 1rem; }

/* La mappa del percorso si sviluppa da sud a nord: un formato quasi verticale
   la mostra più grande del 4:3 usato per la mappa della struttura. */
.map-embed--route { aspect-ratio: 3 / 4; margin-top: 1.4rem; }
@media (min-width: 620px) {
	.map-embed--route { aspect-ratio: 1 / 1; }
}
@media (min-width: 900px) {
	.map-embed--route { aspect-ratio: 4 / 3; }
}

/* ---------- FAQ ---------- */
.pala-faq {
	margin: clamp(2rem, 5vw, 3rem) 0 0;
}
.pala-faq__item {
	padding: 1.1rem 0;
	border-bottom: 1px solid var(--c-line);
}
.pala-faq__item:last-child { border-bottom: 0; }
.pala-faq__q {
	font-size: 1.05rem;
	margin-bottom: .35rem;
}
.pala-faq__a {
	color: var(--c-ink-soft);
	margin: 0;
}

/* ---------- Blocco eventi collegati ---------- */
.pala-eventi {
	margin: clamp(2rem, 5vw, 3rem) 0 0;
}
.pala-eventi__head {
	margin-bottom: 1.2rem;
}

/* ---------- CTA finale ---------- */
.pala-cta {
	background: var(--c-bg-soft);
	border-radius: var(--radius);
	padding: clamp(1.5rem, 5vw, 2.2rem);
	margin: clamp(2.2rem, 6vw, 3.2rem) 0 0;
	text-align: center;
}
.pala-cta h2 {
	font-size: clamp(1.3rem, 3vw, 1.6rem);
	margin-bottom: .5rem;
}
.pala-cta p {
	color: var(--c-ink-soft);
	max-width: 56ch;
	margin: 0 auto 1.4rem;
}
.pala-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	justify-content: center;
}

/* ---------- Nota sugli orari ---------- */
.pala-nota-orari {
	font-size: .9rem;
	color: var(--c-ink-soft);
	border-left: 3px solid var(--c-accent-l);
	padding: .2rem 0 .2rem 1rem;
	margin-top: 1rem;
}