/*
Theme Name: AlmaInnova
Theme URI: https://almainnova.it
Author: Alma Technology S.r.l.
Description: Tema a blocchi di AlmaInnova: consulenza, automazioni con AI, e-learning ECM e servizi cloud.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: almainnova
*/

/* Token e colori stanno in theme.json: qui solo ciò che theme.json non esprime. */

/* ---------- Base ---------- */

html { scroll-padding-top: calc(var(--wp--custom--header-altezza) + 16px); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
/* URL e parole lunghe (testi legali, tabelle) vanno a capo invece di allargare la pagina. */
.wp-block-post-content { overflow-wrap: break-word; }
.wp-block-table :where(th, td) { overflow-wrap: anywhere; }
.wp-site-blocks > * + * { margin-block-start: 0; }
/* Le sezioni a tutta larghezza si toccano: niente striscia di sfondo tra due bande colorate. */
section.wp-block-group.alignfull { margin-block: 0; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--blu);
	outline-offset: 2px;
	border-radius: 4px;
}
:where(.has-notte-background-color, .ai-console, .ai-footer) :where(a, button, input, select, textarea, summary):focus-visible {
	outline-color: var(--wp--custom--console--testo);
}

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

/* ---------- Header ---------- */

.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: var(--wp-admin--admin-bar--position-offset, 0px);
	z-index: 50;
}
.ai-header { border-bottom: 1px solid var(--wp--preset--color--linea); }
.ai-header__barra { min-height: var(--wp--custom--header-altezza); gap: 24px; }

.ai-brand { display: block; flex-shrink: 0; padding-block: 14px; }
/* Selettore rinforzato: nelle pagine WooCommerce ".woocommerce-page img { height: auto }" annullerebbe l'altezza. */
.ai-brand img.ai-logo { display: block; height: 40px; width: auto; max-width: none; }

.ai-menu { flex: 1 1 auto; justify-content: center; }
.ai-menu .wp-block-navigation__container { gap: 4px 2px; }
.ai-menu .wp-block-navigation-item__content { padding: 8px; border-radius: 8px; }
.ai-menu .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--superficie-2); }
.ai-menu .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--linea) !important;
	border-radius: 12px;
	padding: 6px;
	box-shadow: var(--wp--preset--shadow--card);
	min-width: 230px !important;
}
.ai-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 9px 12px; }

.ai-header__azioni { gap: 16px; flex-shrink: 0; }
.ai-header__area { margin: 0; font-size: 0.9375rem; font-weight: 600; white-space: nowrap; }
.ai-header__area a { color: var(--wp--preset--color--inchiostro); text-decoration: none; }
.ai-header__area a:hover { color: var(--wp--preset--color--blu-scuro); text-decoration: underline; }
.ai-header .wp-block-button__link { padding: 0.5rem 1.125rem; font-size: 0.9375rem; white-space: nowrap; }

/* "Area clienti" dentro il menu compare solo nell'overlay. */
.ai-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .ai-solo-overlay { display: none; }

/* Overlay del menu: sotto i 1240 px le voci non stanno in una riga (il core passa all'hamburger solo sotto i 600 px). */
@media (max-width: 1239.98px) {
	.ai-header__area { display: none; }
	.ai-header__barra > .ai-menu { flex: 0 0 auto; order: 3; }
	.ai-header__barra > .ai-header__azioni { margin-inline-start: auto; }
	.ai-menu .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.ai-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
.ai-menu .wp-block-navigation__responsive-container-open {
	width: 44px; height: 44px; align-items: center; justify-content: center;
	border: 1px solid var(--wp--preset--color--linea); border-radius: 999px;
}
.ai-menu .wp-block-navigation__responsive-container.is-menu-open {
	padding: calc(var(--wp-admin--admin-bar--position-offset, 0px) + 20px) clamp(16px, 4vw, 32px) 32px;
	text-align: left;
}
.ai-menu .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 48px; }
/* Voci allineate a sinistra su tutta la larghezza (il menu desktop è centrato). */
.ai-menu .is-menu-open :is(.wp-block-navigation__responsive-container-content, .wp-block-navigation__container, .wp-block-navigation-item, .wp-block-navigation__submenu-container) {
	--navigation-layout-justification-setting: stretch;
	--navigation-layout-justify: flex-start;
}
.ai-menu .is-menu-open .wp-block-navigation__container { gap: 0; width: 100%; }
.ai-menu .is-menu-open .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--wp--preset--color--linea); }
.ai-menu .is-menu-open .wp-block-navigation-item__content { display: block; padding: 14px 4px; font-size: 1.125rem; font-weight: 600; }
.ai-menu .is-menu-open .wp-block-navigation__submenu-container {
	border: 0 !important; box-shadow: none; padding: 0 0 8px 16px !important; min-width: 0 !important;
}
.ai-menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border: 0; }
.ai-menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 8px 4px; font-size: 1rem; font-weight: 500; }

@media (max-width: 599.98px) {
	.ai-brand img.ai-logo { height: 32px; }
	.ai-brand { padding-block: 12px; }
	.ai-header__barra { gap: 12px; }
	.ai-header__azioni { gap: 8px; }
}

/* ---------- Elementi ricorrenti ---------- */

.is-style-etichetta {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--wp--preset--color--blu);
}
:where(.has-blu-chiaro-background-color, .has-superficie-2-background-color) .is-style-etichetta { color: var(--wp--preset--color--blu-scuro); }
:where(.has-blu-chiaro-background-color, .has-superficie-2-background-color) a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--blu-scuro); }
:where(.has-notte-background-color, .ai-console) .is-style-etichetta { color: var(--wp--preset--color--blu-chiaro); }

.ai-lead { font-size: var(--wp--preset--font-size--medio); line-height: 1.55; color: var(--wp--preset--color--grigio); max-width: 62ch; }
.ai-intestazione { margin-bottom: var(--wp--preset--spacing--50); }
.ai-intestazione > * { max-width: 760px; }
.ai-intestazione > * + * { margin-block-start: 14px; }

.is-style-card {
	background: var(--wp--preset--color--superficie);
	border: 1px solid var(--wp--preset--color--linea);
	border-radius: var(--wp--custom--raggio--card);
	padding: clamp(20px, 2.6vw, 30px);
	min-width: 0;
}
.is-style-card.has-background { border-color: transparent; }
.is-style-card > * + * { margin-block-start: 14px; }
.is-style-card > .wp-block-heading + * { margin-block-start: 12px; }
.is-style-card .wp-block-heading a { color: inherit; text-decoration: none; }
.is-style-card .wp-block-heading a:hover { color: var(--wp--preset--color--blu-scuro); text-decoration: underline; }
.ai-card__nota {
	margin-top: auto !important;
	padding-top: 14px;
	border-top: 1px dashed var(--wp--preset--color--linea);
	font-size: 0.9375rem;
	color: var(--wp--preset--color--grigio);
}
.ai-colonna-card { display: flex; flex-direction: column; gap: 16px; }
.ai-colonna-card > .is-style-card { flex: 1 1 auto; display: flex; flex-direction: column; gap: 14px; margin: 0; }
.ai-colonna-card > .is-style-card > * { margin-block: 0; }
.wp-block-column > .is-style-card:only-child { height: 100%; }

/* Elenchi: punti blu, spunte, passi numerati, tag */
.is-style-punti, .is-style-spunte { list-style: none; padding-left: 0; display: grid; gap: 8px; }
.is-style-punti li, .is-style-spunte li { position: relative; padding-left: 18px; }
.is-style-punti li::before {
	content: ""; position: absolute; left: 0; top: 0.62em;
	width: 6px; height: 6px; border-radius: 2px; background: var(--wp--preset--color--blu);
}
.is-style-spunte li::before {
	content: ""; position: absolute; left: 1px; top: 0.42em;
	width: 9px; height: 5px; border-left: 2px solid var(--wp--preset--color--blu); border-bottom: 2px solid var(--wp--preset--color--blu);
	transform: rotate(-45deg);
}
.ai-lista-2col { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }

.is-style-passi { list-style: none; padding-left: 0; counter-reset: passo; display: grid; gap: 16px; }
.is-style-passi li { counter-increment: passo; position: relative; padding-left: 50px; min-height: 36px; color: var(--wp--preset--color--grigio); font-size: 0.9375rem; }
.is-style-passi li strong { color: var(--wp--preset--color--inchiostro); font-weight: 600; font-size: 1rem; }
.is-style-passi li::before {
	content: counter(passo);
	position: absolute; left: 0; top: 0;
	width: 36px; height: 36px; display: grid; place-items: center;
	border-radius: 10px; border: 1px solid var(--wp--preset--color--linea); background: var(--wp--preset--color--superficie);
	font-family: var(--wp--preset--font-family--mono); font-size: 0.875rem; font-weight: 600; color: var(--wp--preset--color--blu);
}
.ai-passi-arancio li::before { background: var(--wp--preset--color--arancio); border-color: transparent; color: var(--wp--custom--pulsante-arancio-testo); }

.ai-tag { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ai-tag li {
	font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; line-height: 1.5;
	padding: 3px 8px; border-radius: 6px; background: var(--wp--preset--color--superficie-2); color: var(--wp--preset--color--grigio);
}

/* Pulsanti */
.wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--wp--preset--color--grigio); background: transparent; color: var(--wp--preset--color--inchiostro); }
.wp-block-button.is-style-arancio .wp-block-button__link:hover,
.wp-block-button.is-style-arancio .wp-block-button__link:focus { background: var(--wp--preset--color--arancio); color: var(--wp--custom--pulsante-arancio-testo); filter: brightness(1.06); }
:where(.has-notte-background-color, .ai-console) .wp-block-button.is-style-outline .wp-block-button__link { color: var(--wp--custom--console--testo); border-color: var(--wp--custom--console--linea); }
:where(.has-notte-background-color, .ai-console) .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: var(--wp--custom--console--tenue); }
.ai-pulsanti-piccoli .wp-block-button__link { padding: 0.5rem 1rem; font-size: 0.9375rem; }

/* Riquadro con testo e pulsante (consiglio, demo ECM) */
.ai-box { border-radius: var(--wp--custom--raggio--card); padding: 20px 22px; gap: 16px 24px; }
.ai-box p { margin: 0; max-width: 70ch; }

/* ---------- Sezioni della home ---------- */

.ai-hero { position: relative; overflow: hidden; }
.ai-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.13;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 640' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M30 640C120 360 330 150 600 70' fill='none' stroke='%230A72BA' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M700 60C930 110 1110 290 1185 620' fill='none' stroke='%23F29330' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center / cover no-repeat;
}
.ai-hero > * { position: relative; }
@media (max-width: 900px) { .ai-hero::before { display: none; } }
.ai-hero__titolo { font-size: var(--wp--preset--font-size--hero); line-height: 1; letter-spacing: -0.025em; }
.ai-hero__titolo mark { background: none; }

.ai-fatti { margin-top: 40px !important; padding-top: 24px; border-top: 1px solid var(--wp--preset--color--linea); gap: 20px !important; }
.ai-fatti__valore { margin: 0; font-family: var(--wp--preset--font-family--titoli); font-weight: 700; font-size: 1.25rem; line-height: 1.2; }
.ai-fatti__testo { margin: 4px 0 0 !important; font-size: 0.9rem; line-height: 1.45; color: var(--wp--preset--color--grigio); }

.ai-console {
	--awb-accent: var(--wp--preset--color--blu);
	--awb-orange: var(--wp--preset--color--arancio);
	background: var(--wp--preset--color--notte);
	color: var(--wp--custom--console--testo);
	border: 1px solid var(--wp--custom--console--linea);
	border-radius: var(--wp--custom--raggio--console);
	padding: clamp(18px, 2.4vw, 26px);
	box-shadow: var(--wp--preset--shadow--card);
}
.ai-console > * + * { margin-block-start: 16px; }
.ai-console a:where(:not(.wp-element-button)) { color: var(--wp--custom--console--testo); }
.ai-console__top { gap: 8px 16px; font-size: 0.875rem; }
.ai-console__top p { margin: 0; }
.ai-console__nota { font-size: 0.875rem; color: var(--wp--custom--console--tenue); }

.ai-esempio {
	background: var(--wp--preset--color--superficie);
	border-radius: 12px;
	padding: 18px;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--blu) 25%, transparent);
}
.ai-esempio > * + * { margin-block-start: 14px; }

.ai-piattaforma { padding-top: 18px; border-top: 2px solid var(--wp--preset--color--inchiostro); }
.ai-piattaforma > * + * { margin-block-start: 10px; }
.ai-piattaforma .is-style-etichetta { color: var(--wp--preset--color--grigio); }
.ai-piattaforma p:not(.is-style-etichetta) { color: var(--wp--preset--color--grigio); }

.ai-numero {
	margin: 0; font-family: var(--wp--preset--font-family--titoli); font-weight: 700;
	font-size: 3rem; line-height: 1; letter-spacing: -0.04em; color: var(--wp--preset--color--blu);
}
.ai-metodo .wp-block-column > * + * { margin-block-start: 10px; }
.ai-metodo .wp-block-column p:not(.ai-numero) { color: var(--wp--preset--color--grigio); }

.ai-bordo-sopra { border-top: 1px solid var(--wp--preset--color--linea); }
.ai-bordi { border-block: 1px solid var(--wp--preset--color--linea); }

.ai-contatti { color: var(--wp--custom--console--testo); }
.ai-contatti .ai-lead { color: var(--wp--custom--console--tenue); }
.ai-contatti a:where(:not(.wp-element-button)) { color: var(--wp--custom--console--testo); }
.ai-contatti__dati > * { margin: 0; }
.ai-contatti__dati .is-style-etichetta { margin-top: 18px; color: var(--wp--custom--console--tenue); font-size: 0.75rem; }
.ai-contatti__dati .is-style-etichetta:first-child { margin-top: 0; }
.ai-contatti__dati p:not(.is-style-etichetta) { margin-top: 4px; font-size: 1.0625rem; }
.ai-modulo {
	background: var(--wp--custom--console--superficie);
	border: 1px solid var(--wp--custom--console--linea);
	border-radius: var(--wp--custom--raggio--console);
	padding: clamp(18px, 2.6vw, 28px);
}

/* Breadcrumb (Rank Math) */
.rank-math-breadcrumb { font-size: 0.875rem; color: var(--wp--preset--color--grigio); }
.rank-math-breadcrumb p { margin: 0; }
.rank-math-breadcrumb a { color: var(--wp--preset--color--grigio); text-decoration: none; }
.rank-math-breadcrumb a:hover { color: var(--wp--preset--color--blu-scuro); text-decoration: underline; }
.rank-math-breadcrumb .separator { margin-inline: 0.4em; }
.ai-briciole { padding-top: var(--wp--preset--spacing--30); }

/* Pagine interne */
.ai-hero h1:not(.ai-hero__titolo) { font-size: clamp(2.5rem, 5vw, 3.75rem); line-height: 1.05; }
.ai-spazio-sopra { margin-top: var(--wp--preset--spacing--50) !important; }
.ai-faq > * { max-width: 760px; }
.ai-faq > .wp-block-details:first-child { border-top: 1px solid var(--wp--preset--color--linea); }
.ai-faq .wp-block-details + .wp-block-details { margin-top: 0; }

/* Modulo contatti (Contact Form 7) sul fondo blu notte */
.ai-form { display: grid; gap: 16px; }
.ai-form__riga { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ai-campo { display: grid; gap: 6px; align-content: start; font-size: 0.9375rem; font-weight: 600; }
.ai-campo .wpcf7-form-control-wrap { display: block; }
.ai-modulo :where(input[type="text"], input[type="email"], input[type="tel"], select, textarea) {
	width: 100%; font-weight: 400;
	background: var(--wp--preset--color--notte); color: var(--wp--custom--console--testo);
	border-color: var(--wp--custom--console--linea);
}
.ai-modulo :where(input, select, textarea):focus { border-color: var(--wp--custom--console--tenue); }
.ai-modulo textarea { resize: vertical; min-height: 8rem; }
.ai-consenso { font-size: 0.875rem; color: var(--wp--custom--console--tenue); }
.ai-consenso .wpcf7-list-item { margin: 0; }
.ai-consenso label { display: flex; gap: 10px; align-items: flex-start; }
.ai-consenso input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; flex: 0 0 auto; accent-color: var(--wp--preset--color--blu); }
.ai-invio { display: flex; align-items: center; gap: 12px; }
.wpcf7-submit {
	font: inherit; font-weight: 600; cursor: pointer; border: 0; border-radius: 999px;
	padding: 0.75rem 1.375rem; background: var(--wp--preset--color--blu); color: #FFFFFF;
}
.wpcf7-submit:hover, .wpcf7-submit:focus-visible { background: var(--wp--preset--color--blu-scuro); }
.ai-modulo .wpcf7-not-valid-tip { color: var(--wp--preset--color--arancio); font-size: 0.875rem; font-weight: 500; margin-top: 4px; }
.ai-modulo .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 14px !important; border-radius: 10px; font-size: 0.9375rem; }
.ai-modulo .wpcf7 form.invalid .wpcf7-response-output, .ai-modulo .wpcf7 form.unaccepted .wpcf7-response-output { border-color: var(--wp--preset--color--arancio); }
@media (max-width: 599.98px) { .ai-form__riga { grid-template-columns: 1fr; } }

/* Blocchi del plugin AlmaInnova WHMCS Bridge: stessi colori del tema. */
/* Il primo passo del rinnovo ripete l'H1 della pagina: nascosto alla vista, resta per screen reader e focus. */
.awb-renewal__app:has(input[name="identificativo"]) > .awb-title {
	position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.awb-domains, .awb-renewal, .awb-plans, .awb-cycles {
	--awb-accent: var(--wp--preset--color--blu);
	--awb-orange: var(--wp--preset--color--arancio);
}

/* ---------- Footer ---------- */

.ai-footer { color: var(--wp--custom--console--tenue); font-size: 0.9375rem; border-top: 1px solid var(--wp--custom--console--linea); }
.ai-footer a { color: inherit; text-decoration: none; }
.ai-footer a:hover { color: var(--wp--custom--console--testo); text-decoration: underline; }
.ai-footer__griglia { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 32px 28px; }
.ai-footer__griglia > * { margin: 0 !important; }
.ai-footer__marchio p { margin-top: 14px; max-width: 36ch; }
.ai-footer__titolo {
	margin: 0 0 12px;
	font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; font-weight: 600;
	letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.4;
	color: var(--wp--custom--console--testo);
}
.ai-footer__lista { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.ai-footer__legale {
	margin-top: 40px !important; padding-top: 20px;
	border-top: 1px solid var(--wp--custom--console--linea);
	font-size: 0.8125rem; gap: 8px 24px;
}
.ai-footer__legale p { margin: 0; }
@media (max-width: 900px) {
	.ai-footer__griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ai-footer__marchio { grid-column: 1 / -1; }
}

/* ---------- Contenuti ---------- */

.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table :where(th, td) { border: 0; border-bottom: 1px solid var(--wp--preset--color--linea); padding: 11px 14px; text-align: left; }
.wp-block-table th {
	font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; font-weight: 600;
	letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--grigio);
}
.wp-block-table td { font-variant-numeric: tabular-nums; }

:where(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], input[type="number"], input[type="password"], select, textarea) {
	font: inherit;
	color: var(--wp--preset--color--inchiostro);
	background: var(--wp--preset--color--superficie);
	border: 1px solid var(--wp--preset--color--linea);
	border-radius: var(--wp--custom--raggio--campo);
	padding: 0.7rem 0.9rem;
	max-width: 100%;
	box-sizing: border-box;
}
:where(input, select, textarea):focus { border-color: var(--wp--preset--color--blu); }
.wp-block-search__inside-wrapper { gap: 8px; }
.wp-block-search__button { margin-left: 0; }

.wp-block-details summary { font-weight: 600; cursor: pointer; }
.wp-block-details > :not(summary) { margin-top: 0.75rem; color: var(--wp--preset--color--grigio); }

.ai-articolo { padding-block: 24px; border-bottom: 1px solid var(--wp--preset--color--linea); }
.ai-articolo > * + * { margin-block-start: 8px; }
.ai-articolo .wp-block-post-title a { color: var(--wp--preset--color--inchiostro); text-decoration: none; }
.ai-articolo .wp-block-post-title a:hover { color: var(--wp--preset--color--blu-scuro); text-decoration: underline; }

/* ---------- Mobile ---------- */

@media (max-width: 781.98px) {
	.ai-colonna-card { gap: 16px; }
}
@media (max-width: 559.98px) {
	.ai-lista-2col { grid-template-columns: 1fr; }
}
@media (max-width: 359.98px) {
	.ai-footer__griglia { grid-template-columns: 1fr; }
}