/*
Theme Name: Ditta Tonino De Pace
Theme URI: https://dittatoninodepace.it/
Author: GAW Digital Solutions
Author URI: https://gaw.agency
Description: Tema del sito di Ditta Tonino De Pace. Block theme Gutenberg-native su stack GAW, una pagina sola, fondo chiaro. Derivato dalla demo 03 (impaginazione), identita e colori propri.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.0
Version: 0.3.1
License: Proprietario GAW
Text Domain: dittatoninodepace-theme
Tags: full-site-editing, block-patterns, one-page
*/

/* Design nei token theme.json + queste component-class. Layout: kinetic diagonale, numeri grandi. */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.gaw-eyebrow {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800; font-size: 0.72rem; letter-spacing: 0.22em; text-transform: uppercase;
	color: var(--wp--preset--color--primary); margin: 0;
}

/* ============ HERO kinetic ============ */
.gaw-hero3 { position: relative; overflow: hidden; }
.gaw-hero3::before { content: ""; position: absolute; top: -20%; right: -10%; width: 60vw; height: 140%;
	background: repeating-linear-gradient(115deg, color-mix(in srgb, var(--wp--preset--color--primary) 8%, transparent) 0 3px, transparent 3px 22px);
	transform: skewX(-12deg); pointer-events: none; }
.gaw-hero3__title { font-family: var(--wp--preset--font-family--display); font-weight: 800;
	font-size: clamp(3rem,10vw,8rem); line-height: 0.92; letter-spacing: -0.03em; text-transform: uppercase;
	color: var(--wp--preset--color--ink); }
.gaw-hero3__title .hl { color: var(--wp--preset--color--accent); }
.gaw-hero3__lead { max-width: 44ch; color: var(--wp--preset--color--ink-soft); font-size: clamp(1.05rem,1rem + 0.4vw,1.25rem); }

/* Pulsante lime pieno (kinetic) — via classi core button + questa rifinitura */
.gaw-btn-skew .wp-block-button__link { text-transform: uppercase; font-weight: 800; letter-spacing: .04em; }

/* ============ Programmi — card con angolo tagliato ============ */
.gaw-prog { background: var(--wp--preset--color--paper-2); border: 1px solid var(--wp--preset--color--line);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 22px 100%, 0 calc(100% - 22px));
	transition: transform .2s ease, border-color .2s ease; }
.gaw-prog:hover { transform: translateY(-5px); border-color: var(--wp--preset--color--primary); }
.gaw-prog__k { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 0.7rem;
	letter-spacing: .2em; text-transform: uppercase; color: var(--wp--preset--color--primary); }
@media (prefers-reduced-motion: reduce){ .gaw-prog { transition: none; } .gaw-prog:hover { transform: none; } }

/* ============ Numeri grandi — banda lime diagonale ============ */
.gaw-bignum { clip-path: polygon(0 3vw, 100% 0, 100% calc(100% - 3vw), 0 100%); }
.gaw-bignum .gaw-num { font-family: var(--wp--preset--font-family--display); font-weight: 800;
	font-size: clamp(3rem,8vw,6rem); line-height: 1; letter-spacing: -0.04em; color: var(--wp--preset--color--paper);
	font-variant-numeric: tabular-nums; }
.gaw-bignum .gaw-numlab { font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; color: color-mix(in srgb, var(--wp--preset--color--paper) 78%, transparent); }

/* ============ Orari — griglia settimana ============ */
.gaw-tt { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.gaw-tt th { font-family: var(--wp--preset--font-family--display); font-weight: 800; text-transform: uppercase;
	letter-spacing: .08em; font-size: .72rem; color: var(--wp--preset--color--primary); text-align: left; padding: 12px 10px; border-bottom: 2px solid var(--wp--preset--color--line); }
.gaw-tt td { padding: 12px 10px; border-bottom: 1px solid var(--wp--preset--color--line); color: var(--wp--preset--color--ink); font-size: .92rem; }
.gaw-tt td.on { color: var(--wp--preset--color--primary); font-weight: 700; }
.gaw-tt td.off { color: var(--wp--preset--color--ink-soft); }

/* ============ Prezzi — tiers ============ */
.gaw-price { background: var(--wp--preset--color--paper-2); border: 1px solid var(--wp--preset--color--line); border-radius: 4px;
	transition: transform .2s ease, border-color .2s; }
.gaw-price:hover { transform: translateY(-4px); border-color: var(--wp--preset--color--primary); }
.gaw-price.feat { border-color: var(--wp--preset--color--primary); box-shadow: 0 0 0 1px var(--wp--preset--color--primary) inset; }
.gaw-price__amt { font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: 3rem; line-height: 1;
	color: var(--wp--preset--color--ink); font-variant-numeric: tabular-nums; }
.gaw-price__amt small { font-size: 1rem; color: var(--wp--preset--color--ink-soft); font-weight: 600; }
.gaw-price__badge { display: inline-block; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--paper);
	font-family: var(--wp--preset--font-family--display); font-weight: 800; font-size: .62rem; letter-spacing: .16em;
	text-transform: uppercase; padding: 4px 10px; border-radius: 100px; }
@media (prefers-reduced-motion: reduce){ .gaw-price { transition: none; } .gaw-price:hover { transform: none; } }

/* ============ Testimonial ============ */
.gaw-quote3 { font-family: var(--wp--preset--font-family--display); font-weight: 800; text-transform: uppercase;
	font-size: clamp(1.6rem,4vw,3rem); line-height: 1.06; letter-spacing: -0.02em; color: var(--wp--preset--color--ink); text-wrap: balance; }
.gaw-quote3 .hl { color: var(--wp--preset--color--accent); }

@media (max-width: 820px){
	.gaw-bignum, .gaw-hero3::before { clip-path: none; }
}
@media (prefers-reduced-motion: reduce){ * { transition: none !important; } }