/* ============================================================
   Kit globale OneDayQuiz — replica il Kit Elementor (post 6).
   Serve a mantenere font/colori/base anche dopo la disattivazione
   di Elementor (che oggi inietta questi valori via post-6.css).
   ============================================================ */

:root {
	/* Colori di sistema */
	--e-global-color-primary: #2181C1;
	--e-global-color-secondary: #54595F;
	--e-global-color-text: #000000;
	--e-global-color-accent: #61CE70;

	/* ------------------------------------------------------------------
	   ACCENTI — fonte unica per link e testi in risalto (design token).
	   CRITERIO (usare gli alias semantici, non gli hex):
	     • --ui-accent  (BLU)   = brand/UI: header, footer, CTA, navigazione,
	                              controlli. È il colore link di DEFAULT.
	     • --link       (VIOLA) = link e accenti nel CONTENUTO editoriale
	                              (articoli, storie, recensioni, pagine).
	   REGOLA :visited → sempre UGUALE al link (nessuna distinzione). Ogni
	   volta che si colora un link nel contenuto, coprire anche :visited alla
	   stessa specificità (es. `.zona a, .zona a:visited { color:var(--link) }`)
	   così da battere il globale `a:visited` (0,1,1) di kit/Elementor.
	   ------------------------------------------------------------------ */
	--brand-blue: #2181C1;
	--brand-purple: #7a3ff2;

	/* ⚠️ --ui-accent NON è più uguale a --brand-blue, e non è una svista.
	   Il brand blue su bianco dà 4,22:1, sotto la soglia AA di 4,5 per il testo —
	   ed è peggio di così, perché `onedayquiz.css` applica `a{opacity:.9}`: il
	   colore che si vede davvero è rgb(55,142,199), cioè 3,59:1. Era il rilievo
	   "contrasto insufficiente" che teneva l'accessibilità della bacheca a 87.
	   #1A6699 dà 6,17:1, e 5,00:1 anche quando l'opacity lo schiarisce — passa
	   quindi a prescindere dal contesto, che è l'unico modo di non doverci
	   ritornare pagina per pagina.
	   --brand-blue resta intatto: serve dove il blu è SFONDO o decorazione
	   (footer, bordi), dove la soglia non si applica e il colore di marca conta. */
	--ui-accent: #1A6699;

	/* Testo secondario (breadcrumb, didascalie) su fondo chiaro.
	   Stessa storia di --ui-accent: il grigio-viola #6a6680 dava 4,12:1 sul fondo
	   della bacheca (rgb 246,244,251) contando l'opacity .9 dei link — sotto AA.
	   #565270 dà 5,33:1 restando smorzato. Anche qui: usare il token, non l'hex,
	   così il valore accessibile si decide in un posto solo. */
	--ui-muted: #565270;
	--link: var(--brand-purple);
	--link-hover: #6a2fe0;

	/* Colori brand (custom del Kit) — mantengono i riferimenti var() esistenti */
	--e-global-color-0fd568f: #000000; /* Nero */
	--e-global-color-f1b0ff5: #FF7058; /* Arancio */
	--e-global-color-bb0ac7a: #FFFFFF; /* Bianco */
	--e-global-color-5dc79bd: #9900CC; /* Viola */
	--e-global-color-abfe0d3: #FD7151; /* Arancio 2 */
	--e-global-color-c709836: #00C8CF; /* Classico */
	--e-global-color-aae1867: #FFB000; /* Visivo */
	--e-global-color-ef39859: #FF7900; /* Completa */
	--e-global-color-3d459ad: #9900CC; /* Sì o No */
	--e-global-color-e124ac7: #CC0A00; /* Indizi */
	--e-global-color-079b8d5: #C9B9A1; /* Audio */
	--e-global-color-37dc0af: #36C5ED; /* Zoom */

	/* Tipografia */
	--e-global-typography-primary-font-family: "Montserrat";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Montserrat";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Montserrat";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Montserrat";
	--e-global-typography-accent-font-weight: 500;
}

/* Font e colore testo di base (dal Kit: testo = Montserrat 400, nero).
   I componenti nativi che usano il serif editoriale lo sovrascrivono. */
body {
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #000000;
}

/* Link di DEFAULT = accento UI/brand (blu). visited/hover/focus uguali:
   nessuna distinzione per lo stato visitato. I contenuti editoriali
   sovrascrivono con --link (viola) nelle rispettive zone. Le pseudo-classi
   restano esplicite per coprire il reset.css del tema quando Elementor
   (post-6.css) verrà disattivato — vedi memoria css-gotchas. */
a,
a:hover,
a:visited,
a:focus {
	color: var(--ui-accent);
}

ul {
	margin-bottom: .9rem;
}

.lasso-container h2 {
	display: inline-block;
}