/*
Theme Name: Bloomtech
Theme URI: https://bloomtech.cloud
Description: Tema figlio di Twenty Twenty-Five per il sito Bloomtech. Palette e tipografia derivate dal marchio aziendale, pattern pronti per le pagine prodotto.
Author: Bloomtech
Author URI: https://bloomtech.cloud
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: bloomtech-child
*/

/* ==========================================================================
   Stili dei componenti usati dai pattern e dalle pagine importate.
   I colori, i corpi e le spaziature stanno in theme.json: qui c'e' solo
   cio' che i blocchi nativi non sanno esprimere da soli.
   ========================================================================== */

/* --- Fascia dei numeri (prova sociale) ---------------------------------- */

.fascia-numeri {
	border-top: 1px solid var(--wp--preset--color--linea);
	border-bottom: 1px solid var(--wp--preset--color--linea);
	padding-block: var(--wp--preset--spacing--40);
	margin-block: var(--wp--preset--spacing--50);
}

.fascia-numeri .numero-grande {
	font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--marchio-scuro);
	margin-block-end: 0.15em;
}

.fascia-numeri p:last-child {
	color: var(--wp--preset--color--testo-secondario);
	margin-block-start: 0;
}

/* --- Griglia dei moduli -------------------------------------------------- */

.griglia-moduli {
	margin-block: var(--wp--preset--spacing--50);
}

.tessera-modulo {
	border: 1px solid var(--wp--preset--color--linea);
	background: var(--wp--preset--color--base);
	padding: var(--wp--preset--spacing--30);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tessera-modulo:hover,
.tessera-modulo:focus-within {
	border-color: var(--wp--preset--color--marchio);
	box-shadow: 0 2px 10px rgb(35 31 32 / 8%);
}

.tessera-modulo h3 {
	margin-block: 0 0.4em;
	line-height: 1.25;
}

.tessera-modulo h3 a {
	text-decoration: none;
	color: var(--wp--preset--color--contrasto);
}

.tessera-modulo:hover h3 a {
	color: var(--wp--preset--color--marchio-scuro);
}

.tessera-modulo p {
	margin-block: 0;
	color: var(--wp--preset--color--testo-secondario);
}

@media (prefers-reduced-motion: reduce) {
	.tessera-modulo { transition: none; }
}

/* --- Segnaposto immagine ------------------------------------------------- */
/* Visibile solo a chi redige: va eliminato inserendo l'immagine vera.       */

.segnaposto-immagine {
	border: 1px dashed var(--wp--preset--color--marchio);
	background: var(--wp--preset--color--base-tenue);
	color: var(--wp--preset--color--testo-secondario);
	font-family: var(--wp--preset--font-family--monospaziato);
	font-size: 0.8125rem;
	padding: 0.75em 1em;
}

/* --- Domande frequenti --------------------------------------------------- */

.wp-block-details {
	border-block-end: 1px solid var(--wp--preset--color--linea);
	padding-block: var(--wp--preset--spacing--20);
}

.wp-block-details summary {
	font-weight: 650;
	cursor: pointer;
}

.wp-block-details summary:hover {
	color: var(--wp--preset--color--marchio-scuro);
}

/* --- Sezione scura ------------------------------------------------------- */

.sezione-scura {
	background: var(--wp--preset--color--scuro);
	color: var(--wp--preset--color--base);
}

.sezione-scura h1,
.sezione-scura h2,
.sezione-scura h3 {
	color: var(--wp--preset--color--base);
}

.sezione-scura a:not(.wp-element-button) {
	color: var(--wp--preset--color--marchio);
}

/* --- Accessibilita' ------------------------------------------------------ */

:where(a, button, summary, input, textarea, select):focus-visible {
	outline: 2px solid var(--wp--preset--color--marchio-scuro);
	outline-offset: 2px;
}