/*
Theme Name: Kadence Child - Pizzettando
Theme URI: https://pizzettando-2.local
Description: Child theme di Kadence per il sito Pizzettando. Contiene Hero Section, Menu Pizze a rotazione (.pz-wheel-*) e Menu Piatti Tavola Calda (.pz-dish-*, .pz-tavola-calda-*).
Author: Pizzettando
Template: kadence
Version: 1.0.1
Text Domain: kadence-child
*/

/*
 * Font custom "Pizzettando" (cut Bold, unico peso disponibile) - file
 * sorgente fornito dall'utente, copiato in assets/fonts/. Registrato con
 * font-weight:700 (e' gia' un cut bold) cosi' le regole con
 * font-weight:800 sui titoli usano i glifi reali del file invece di un
 * grassetto sintetico applicato dal browser su un peso non disponibile.
 */
@font-face {
	font-family: 'Pizzettando Round';
	src: url('assets/fonts/PizzettandoRoundBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/*
 * Variabili CSS (:root) - valori estratti 1:1 dal codice gia' in uso nei
 * file assets/css/pz-*.css (nessun valore nuovo/inventato). Ogni file
 * consuma queste variabili al posto dei valori hardcoded; il rendering
 * resta identico a prima di questo refactor.
 */
:root {

	/* 1. Tipografia e colori (titoli, paragrafi, testi d'accento) */
	--pz-font-title: 'Pizzettando Round', 'Segoe Print', 'Comic Sans MS', cursive, sans-serif;
	--pz-font-secondary: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; /* font di sistema, nessun file da caricare */

	--pz-color-dark: #2b1410;           /* testo scuro su sfondi chiari (titoli, hero bg) */
	--pz-color-dark-rgb: 43, 20, 16;
	--pz-color-light: #fdf6ef;          /* testo chiaro/crema su sfondi scuri (titoli, icone) */
	--pz-color-light-rgb: 253, 246, 239;
	--pz-color-accent: #9e3a33;         /* rosso mattone - accento principale (bottoni, label) */
	--pz-color-accent-rgb: 158, 58, 51;
	--pz-color-accent-hover: #c1443a;   /* rosso hover bottoni */
	--pz-color-accent-light: #e2574c;   /* rosso chiaro - accento su sfondi scuri */
	--pz-color-muted: #6b544c;          /* testo paragrafo secondario su sfondo chiaro */
	--pz-color-white: #ffffff;
	--pz-color-hero-overlay-rgb: 20, 8, 6; /* base overlay gradient Hero */
	--pz-color-cream: #f7ead9;          /* testo crema su Hero e card Tavola Calda */
	--pz-color-hero-subtitle: #f2ddc9;  /* colore specifico sottotitolo Hero */
	--pz-color-darkest: #303130;        /* sfondo sezioni scure/nere (Le Pizze, Recensioni, fallback bg Hero) */
	--pz-color-light-muted: #cdb9ae;    /* testo secondario chiaro su sfondi scuri */
	--pz-color-cream-bg: #fbf3e7;       /* sfondo sezioni chiare (Tavola Calda, Ordina, Dove Siamo, FAQ) */
	--pz-color-dish-name: #241210;      /* testo nome piatto (badge crema card) */
	--pz-color-pink-muted: #f0c9c0;     /* label "Ingredienti" su card rosse */
	--pz-color-error: #b23b3b;
	--pz-color-error-rgb: 178, 59, 59;
	--pz-color-success: #2f7a3d;
	--pz-color-text-secondary: #4a3a34; /* testo lista Dove Siamo */
	--pz-color-card-dark: #241d18;      /* sfondo card recensione */
	--pz-color-gold: #e2b04a;           /* stelle recensioni */
	--pz-color-review-text: #e6dad2;    /* testo card recensione */
	--pz-color-header-nav-hover: var(--pz-color-accent); /* = colore card sezione "I Piatti" */
	--pz-color-footer-bg: #303130;
	--pz-color-footer-text: #f2ece6;
	--pz-color-footer-text-rgb: 242, 236, 230;
	--pz-color-footer-text-muted: #cfc6c0;
	--pz-color-footer-text-faint: #ada39d;

	/* 2. Dimensioni marchi/badge */
	--pz-logo-header-height: 68px;
	--pz-logo-footer-height: 200px;
	--pz-logo-hero-width: 576px;
	--pz-badge-price-min-width: 56px;
	--pz-footer-columns-gap: 60px; /* distanziamento colonne "Seguici/Contatti/Informazioni" nel footer (desktop) */

	/* 3. Header - colore di sfondo e opacita' attuali (sfondo pieno, alpha 1) */
	--pz-header-bg-rgb: 48, 49, 48;
	--pz-header-bg-opacity: 1;

	/* 4. Dimensioni sezioni: padding verticale e max-width */
	--pz-section-padding-top: 72px;
	--pz-section-padding-bottom: 88px;
	--pz-section-padding-x: 24px;
	--pz-container-max-width: 1100px;
	--pz-wheel-max-width: 1100px;
	--pz-ordini-max-width: 1100px;
	--pz-faq-max-width: 1100px;

	/* 5. Componente Menu Pizza Circolare */
	--pizza-menu-size: 497.76px;

	/* 6. Posizione prezzo pizza (badge, rispetto a .pz-wheel-main) */
	--pizza-price-pos-x: 6px;
	--pizza-price-pos-y: 6px;

	/* 7. Distanza tra le card nella sezione "I Piatti" (Tavola Calda) */
	--pz-piatti-card-gap: 75px;
}