/*
Theme Name: Documap Blocks
Theme URI: https://www.documap.io
Author: Documap
Description: Tema a blocchi di Documap. Il design system vive in theme.json: colori, tre famiglie tipografiche (Raleway titoli, DM Sans testi, JetBrains Mono label e numeri), spaziature, raggi ed elevazioni. Nessun page builder, nessuna dipendenza esterna.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: documap
Tags: full-site-editing, block-patterns, blog, business
*/

/* ------------------------------------------------------------------
   Solo cio' che theme.json non puo' esprimere.
   Tutto il resto (colori, font, spaziature, raggi) sta in theme.json.
   ------------------------------------------------------------------ */

/* Occhiello mono maiuscolo: il ruolo tipografico piu' usato del sistema. */
.dm-overline {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: var(--wp--custom--tracking--label);
	text-transform: uppercase;
	color: var(--wp--preset--color--slate);
}

.dm-overline--sm {
	font-size: var(--wp--preset--font-size--label-sm);
	font-weight: 600;
	letter-spacing: var(--wp--custom--tracking--label-sm);
}

.dm-overline--on-dark { color: var(--wp--custom--color--on-dark-muted); }

/* Numeri: mono + cifre tabellari, come da design system. */
.dm-numeric {
	font-family: var(--wp--preset--font-family--mono);
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	letter-spacing: -0.02em;
}

/* Tracking negativo solo sopra i 28px: hero e display. */
.dm-hero-title { letter-spacing: var(--wp--custom--tracking--hero); line-height: 1.05; }
@media (max-width: 767px) { .dm-hero-title { letter-spacing: -0.5px; } }

/* Badge "Il piu' utilizzato" sul pricing tier in evidenza. */
.dm-badge {
	display: inline-block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 600;
	letter-spacing: var(--wp--custom--tracking--badge);
	line-height: 1.4;
	padding: 4px 10px;
	border-radius: var(--wp--custom--radius--full);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--on-primary);
}

/* Bottone secondario: trasparente con bordo. Variante registrata in functions.php. */
.wp-block-button.is-style-dm-secondary .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--ink);
	border: 1px solid var(--wp--custom--color--hairline-strong);
}
.wp-block-button.is-style-dm-on-dark .wp-block-button__link {
	background: var(--wp--custom--color--on-dark);
	color: var(--wp--preset--color--ink);
}
.wp-block-button.is-style-dm-secondary-on-dark .wp-block-button__link {
	background: transparent;
	color: var(--wp--custom--color--on-dark);
	border: 1px solid var(--wp--custom--color--on-dark-muted);
}

/* Touch target: 40-44px come da sezione 9 del design system. */
.wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* Mockup prodotto in hero: elevazione 3. */
.dm-mockup img {
	border-radius: var(--wp--custom--radius--lg);
	border: 1px solid var(--wp--preset--color--hairline);
	box-shadow: var(--wp--preset--shadow--mockup);
}

/* Card: nessun hover, come da no-hover policy del sistema di origine. */
.dm-card { border: 1px solid var(--wp--preset--color--hairline); border-radius: var(--wp--custom--radius--lg); }

/* Accessibilita': focus sempre visibile anche dove il tema non lo definisce. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}