/* Interfaccia unificata Heiwit — fase 1 (31/10/2026). Caricato su tutto il sito dal mu-plugin
   heiwit-ui, dopo i fogli di Divi. Tre parti: 1) i default di Divi riportati ai token del brand,
   2) la pagina standard (template page-heiwit-standard.php, classi .hs-*), 3) il menù principale
   nelle lingue con le etichette più lunghe. I moduli e i blocchi con colori propri non cambiano. */

:root{
	--brand:#F08227;--brand-soft:#F0B580;--ocean:#034D66;--ocean-2:#2F4858;--sky:#84ADBA;
	--ink:#403C4E;--paper:#FFFFFF;--sand:#F5F0E8;
}

/* 1. Default di Divi: testo #666, titoli #333, link #2ea3f2 (style.css di Divi, stessa specificità:
   vince l'ordine). Restano com'erano tutti gli elementi che hanno un colore impostato. */
body{color:var(--ink)}
h1,h2,h3,h4,h5,h6{color:var(--ink)}
a{color:var(--ocean)}
/* Riga azzurra sopra i sottomenu (customizer: primary_nav_dropdown_line_color #2ea3f2). */
#main-header #top-menu li ul.sub-menu{border-color:var(--brand)}
/* Bottone «Invia» dei moduli CF7 Styler (Divi Torque): azzurro predefinito del plugin. */
body .dtq-cf7-styler .wpcf7 input[type="submit"]{
	background-color:var(--brand);border-color:var(--brand);color:var(--ink);
	border-radius:8px;font-weight:700;transition:background-color .18s ease;
}
body .dtq-cf7-styler .wpcf7 input[type="submit"]:hover{background-color:#f3934a;border-color:#f3934a}

/* 2. Pagina standard. */
#main-content.hs-main{background:var(--paper);padding:0}
.hs-wrap{width:min(100% - 48px,1200px);margin-inline:auto}
.hs-hero{background:var(--ocean);color:#fff;padding:64px 0 56px}
.hs-kicker{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0;
	font-size:14px;font-weight:700;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;color:var(--brand-soft)}
.hs-kicker::before{content:"";flex:none;width:24px;height:3px;border-radius:2px;background:var(--brand)}
#main-content .hs-title{margin:0;padding:0;max-width:26ch;color:#fff;
	font-size:clamp(32px,4.4vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.02em}
.hs-lead{margin:18px 0 0;padding:0;max-width:64ch;font-size:19px;line-height:1.6;color:rgba(255,255,255,.86)}
/* Testata dentro le pagine Divi (fase 2: al posto del banner arancio, modulo Codice a tutta larghezza
   nella sezione .hs-sezione-testata): stesso allineamento delle righe Divi sottostanti (80%, max 1080 px). */
.hs-sezione-testata .hs-wrap{width:80%;max-width:1080px}
.hs-body{padding:48px 0 88px}
.hs-content{font-size:17px;line-height:1.7}
.hs-wrap--testo .hs-content{max-width:820px}
.hs-content > :first-child{margin-top:0}
/* Elenchi numerati con <p> dentro le voci (es. 1363): numero a fianco del testo, non su una riga a sé. */
.hs-content ol{list-style-position:outside;padding-left:1.6em}
.hs-content li > p:first-child{padding-bottom:.4em}
@media (max-width:767px){
	.hs-wrap{width:min(100% - 32px,1200px)}
	.hs-hero{padding:40px 0 36px}
	.hs-lead{font-size:17px}
	.hs-body{padding:32px 0 64px}
	.hs-content{font-size:16px}
}

/* 3. Menù principale: con le etichette accorciate (TranslatePress, 31/10/2026) tutte le lingue stanno
   su una riga da 1100 px in su; qui si stringono solo le cinque più lunghe sotto i 1100 px e il greco
   fino a 1365 px. Si aggiunge a menu-fit.css (981-1199 px per tutte le lingue). */
@media (min-width:981px) and (max-width:1099px){
	html:is([lang^="de"],[lang^="fr"],[lang^="es"],[lang^="pt"],[lang^="el"]) #main-header #et-top-navigation #top-menu > li{padding-right:6px}
	html:is([lang^="de"],[lang^="fr"],[lang^="es"],[lang^="pt"],[lang^="el"]) #main-header #et-top-navigation #top-menu > li > a{font-size:12.5px;letter-spacing:-.01em}
}
@media (min-width:981px) and (max-width:1023px){
	html:is([lang^="fr"],[lang^="es"],[lang^="el"]) #main-header #et-top-navigation #top-menu > li{padding-right:4px}
	html:is([lang^="fr"],[lang^="es"],[lang^="el"]) #main-header #et-top-navigation #top-menu > li > a{font-size:12px}
}
@media (min-width:1200px) and (max-width:1365px){
	html[lang^="el"] #main-header #et-top-navigation #top-menu > li{padding-right:14px}
}