/*
Theme Name: Terra del Mezzo
Theme URI: https://terradelmezzo.it
Description: Tema della demo per Terra del Mezzo. Figlio di Twenty Twenty-Five: palette chiara e calda, titoli in Platypi, nessuna dipendenza da page builder. Include il tipo di contenuto "Piatto" per un menu gestibile dalla cucina.
Author: homelab
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: tdm
*/

/* Il grosso dello stile sta in theme.json. Qui solo cio' che theme.json non
   sa esprimere: la griglia del menu, l'effetto sulle foto, i dettagli. */

/* --- Menu ---------------------------------------------------------------- */

.tdm-menu__corso {
	margin-block: var(--wp--preset--spacing--70) 0;
}

.tdm-menu__corso-titolo {
	font-family: var(--wp--preset--font-family--platypi);
	font-size: var(--wp--preset--font-size--x-large);
	color: var(--wp--preset--color--accent-1);
	margin: 0 0 .35rem;
}

.tdm-menu__corso-nota {
	margin: 0 0 1.75rem;
	color: var(--wp--preset--color--accent-4);
	font-size: .95rem;
}

.tdm-menu__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1.4rem;
}

@media (min-width: 900px) {
	.tdm-menu__lista { grid-template-columns: 1fr 1fr; gap: 1.4rem 3.5rem; }
}

.tdm-menu__piatto {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0 1rem;
	align-items: baseline;
	padding-bottom: 1.1rem;
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
}

.tdm-menu__nome {
	font-weight: 600;
	font-size: 1.05rem;
	margin: 0;
}

/* Il prezzo resta agganciato al nome anche quando la descrizione va a capo */
.tdm-menu__prezzo {
	font-family: var(--wp--preset--font-family--platypi);
	font-size: 1.05rem;
	color: var(--wp--preset--color--accent-1);
	white-space: nowrap;
}

.tdm-menu__desc {
	grid-column: 1 / -1;
	margin: .3rem 0 0;
	color: var(--wp--preset--color--accent-4);
	font-size: .95rem;
	line-height: 1.5;
}

.tdm-menu__tag {
	display: inline-block;
	margin-left: .45rem;
	padding: .1rem .45rem;
	border: 1px solid var(--wp--preset--color--accent-5);
	border-radius: 999px;
	font-size: .7rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
	vertical-align: middle;
}

.tdm-menu__vuoto {
	padding: 2rem;
	border: 1px dashed var(--wp--preset--color--accent-5);
	border-radius: 8px;
	color: var(--wp--preset--color--accent-4);
}

/* --- Foto ----------------------------------------------------------------- */

/* Zoom lento all'hover: dà vita alla griglia senza animazioni appariscenti.
   Disattivato per chi ha chiesto meno movimento. */
.tdm-foto img {
	transition: transform .6s ease;
	will-change: transform;
}
.tdm-foto:hover img { transform: scale(1.04); }

@media (prefers-reduced-motion: reduce) {
	.tdm-foto img { transition: none; }
	.tdm-foto:hover img { transform: none; }
}

.tdm-foto {
	overflow: hidden;
	border-radius: 10px;
}

/* --- Dettagli ------------------------------------------------------------- */

/* Occhiello sopra i titoli di sezione */
.tdm-occhiello {
	text-transform: uppercase;
	letter-spacing: .16em;
	font-size: .78rem;
	font-weight: 600;
	color: var(--wp--preset--color--accent-1);
	margin-bottom: .4rem;
}

/* Riga di informazioni pratiche (orari, telefono) */
.tdm-info {
	border-top: 1px solid var(--wp--preset--color--accent-5);
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
}

.wp-block-site-title a { text-decoration: none; }

/* Il logo e' su fondo scuro nell'originale: su fondo chiaro va bene cosi',
   ma un filo di respiro attorno aiuta. */
.wp-block-site-logo img { display: block; }

/* Titolo di sezione del menu (Cucina, Bevande): scandisce le due metà
   della pagina senza competere con i titoli delle portate. */
.tdm-menu__sezione + .tdm-menu__sezione {
	margin-top: var(--wp--preset--spacing--80);
}

.tdm-menu__sezione-titolo {
	font-family: var(--wp--preset--font-family--platypi);
	font-size: var(--wp--preset--font-size--xx-large);
	margin: 0;
	padding-bottom: .6rem;
	border-bottom: 2px solid var(--wp--preset--color--contrast);
}