:root{--ena-blue:#0757a8;--ena-deep:#052e70;--ena-dark:#031f52;--ena-gold:#ffd54d;--ena-sky:#45a8ff;--ena-text:#eaf5ff}
body.home{background:linear-gradient(180deg,#0758aa 0%,#06478f 50%,#032d69 100%)!important;color:#fff}
body.home #content,body.home .site-content,body.home .ast-container{background:transparent!important;max-width:none!important;padding:0!important}
body.home .site-main{margin:0!important}
.ena-page{background:radial-gradient(circle at 75% 5%,rgba(58,163,255,.20),transparent 23%),linear-gradient(180deg,#0758aa,#043b7f 60%,#032d69);padding-bottom:40px}
.ena-wrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}
.ena-hero{padding:28px 0 18px;background:linear-gradient(135deg,#06347a,#075bb3 58%,#063f87);border-bottom:1px solid rgba(255,255,255,.12)}
.ena-hero-grid{min-height:420px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.ena-eyebrow{font-weight:800;letter-spacing:.12em;color:var(--ena-gold);margin-bottom:10px}
.ena-hero h1{font-size:clamp(44px,5vw,76px);line-height:.98;margin:0 0 20px;color:#fff;max-width:700px}
.ena-hero p{font-size:20px;line-height:1.55;max-width:660px;color:#e8f4ff;margin:0 0 24px}
.ena-btn{display:inline-flex;align-items:center;padding:15px 26px;border-radius:999px;text-decoration:none;font-weight:800}.ena-btn-gold{background:var(--ena-gold);color:#06346f;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.ena-cosmos{min-height:360px;position:relative}.ena-orbit{position:absolute;width:330px;height:140px;border:4px solid rgba(255,214,77,.75);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);box-shadow:0 0 24px rgba(255,213,77,.35)}
.ena-ball{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;color:#061f4b;border:10px solid currentColor;background:radial-gradient(circle at 35% 30%,#fff 0 28%,#f4f4f4 29% 60%,#d6dbe7 61%);box-shadow:0 15px 30px rgba(0,0,0,.22)}
.ena-ball-1{width:165px;height:165px;left:42%;top:28%;font-size:64px;color:#e9b500}.ena-ball-2{width:86px;height:86px;left:15%;top:24%;font-size:30px;color:#2b88e9}.ena-ball-3{width:90px;height:90px;right:10%;top:22%;font-size:30px;color:#25a866}.ena-ball-4{width:82px;height:82px;right:16%;bottom:11%;font-size:28px;color:#d94d4d}.ena-star{position:absolute;color:var(--ena-gold);text-shadow:0 0 16px rgba(255,217,75,.75)}.s1{left:5%;top:10%;font-size:34px}.s2{right:3%;top:9%;font-size:40px}.s3{left:20%;bottom:11%;font-size:28px}.s4{right:32%;bottom:2%;font-size:34px}
.ena-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0}.ena-tool-card{min-height:210px;display:flex;align-items:center;gap:18px;padding:24px;border-radius:22px;text-decoration:none;color:#fff;background:linear-gradient(145deg,#0b63b8,#07458e);border:1px solid rgba(112,195,255,.45);box-shadow:0 10px 28px rgba(0,20,70,.18)}.ena-tool-card:hover{transform:translateY(-3px);transition:.18s ease}.ena-tool-art{width:118px;height:118px;min-width:118px;display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.08);overflow:hidden}.ena-tool-art img{width:100%;height:100%;object-fit:contain}.ena-tool-art span{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0755a5;font-size:36px;font-weight:900}.ena-tool-copy h2{font-size:27px;line-height:1.05;margin:0 0 10px;color:#fff}.ena-tool-copy p{color:#dceeff;margin:0 0 12px;line-height:1.45}.ena-tool-copy strong{color:var(--ena-gold)}
.ena-section{margin-top:18px;padding:26px;border-radius:24px;background:linear-gradient(145deg,rgba(7,82,161,.96),rgba(4,55,120,.96));border:1px solid rgba(120,200,255,.35);box-shadow:0 12px 30px rgba(0,25,70,.18)}.ena-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.ena-section-head h2{font-size:38px;margin:0;color:#fff}.ena-section-head p{margin:4px 0 0;color:#d9ecff}.ena-section-head>a{color:#fff;text-decoration:underline}.ena-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ena-news-card{overflow:hidden;border-radius:18px;background:#07478f;border:1px solid rgba(120,200,255,.35)}.ena-news-image{display:block;height:190px;background:#063c7d}.ena-news-image img{width:100%;height:100%;object-fit:cover}.ena-placeholder{height:100%;display:grid;place-items:center;color:var(--ena-gold);font-size:70px}.ena-news-body{padding:18px}.ena-news-body time{font-size:13px;color:#9fd2ff}.ena-news-body h3{font-size:21px;line-height:1.2;margin:7px 0}.ena-news-body h3 a,.ena-more{color:#fff;text-decoration:none}.ena-news-body p{color:#dbeeff;line-height:1.45}.ena-more{font-weight:800;color:var(--ena-gold)}
.ena-advice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ena-advice-grid a{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:18px;border-radius:17px;background:#06458c;border:1px solid rgba(120,200,255,.32);text-decoration:none;color:#fff}.ena-advice-grid span{grid-row:1/3;font-size:34px;color:var(--ena-gold)}.ena-advice-grid strong{font-size:17px}.ena-advice-grid small{color:#d8ebff;line-height:1.35}
@media(max-width:900px){.ena-hero-grid{grid-template-columns:1fr}.ena-cosmos{min-height:290px}.ena-tools,.ena-news-grid{grid-template-columns:1fr}.ena-advice-grid{grid-template-columns:1fr 1fr}.ena-hero h1{font-size:52px}}
@media(max-width:600px){.ena-wrap{width:min(100% - 20px,1200px)}.ena-hero-grid{min-height:auto}.ena-hero p{font-size:17px}.ena-cosmos{min-height:240px}.ena-ball-1{width:125px;height:125px;font-size:48px}.ena-ball-2,.ena-ball-3,.ena-ball-4{width:66px;height:66px;font-size:23px}.ena-orbit{width:245px;height:105px}.ena-tool-card{align-items:flex-start}.ena-tool-art{width:90px;height:90px;min-width:90px}.ena-news-image{height:170px}.ena-advice-grid{grid-template-columns:1fr}.ena-section{padding:18px}.ena-section-head{align-items:flex-start;flex-direction:column}.ena-section-head h2{font-size:31px}}

/* ==================================================
   WIDGET AREAS
================================================== */
.ena-home-widgets{margin-top:18px}
.ena-widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ena-widget{margin:0;padding:20px;border-radius:18px;background:#06458c;border:1px solid rgba(120,200,255,.32);color:#fff;overflow:hidden}
.ena-widget-title{margin:0 0 12px;color:#fff;font-size:22px;line-height:1.2}
.ena-widget a{color:var(--ena-gold)}
.ena-widget p,.ena-widget li{color:#dbeeff}
.ena-widget img{max-width:100%;height:auto;border-radius:12px}
.ena-widget ul{margin:0;padding-left:20px}
.ena-sidebar{padding:20px}
@media(max-width:900px){.ena-widget-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ena-widget-grid{grid-template-columns:1fr}}

/* ==================================================
   HEADER ENALOTTO3000 - SEMPRE NEL FLUSSO DELLA PAGINA
   v1.0.4
   Disattiva sticky/fixed su Home, pagine, articoli e mobile.
================================================== */

html,
body {
  overflow-x: hidden;
}

/* Nessun offset artificiale lasciato da header sticky. */
body,
body.admin-bar {
  padding-top: 0 !important;
}

/* Astra / Astra Pro / header builder: header sempre normale. */
#masthead,
.site-header,
.ast-primary-header-bar,
.ast-above-header-wrap,
.ast-below-header-wrap,
.ast-main-header-wrap,
.ast-mobile-header-wrap,
#ast-desktop-header,
#ast-mobile-header,
.ast-sticky-active,
.ast-sticky-shrunk,
.ast-header-sticked,
.ast-sticky-header,
.ast-sticky-header-shrink,
.ast-sticky-header-active,
[class*="sticky-header"],
[class*="header-sticky"] {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
  animation: none !important;
  transition-property: color, background-color, border-color !important;
}

/* Alcune versioni di Astra applicano lo sticky a contenitori interni. */
#masthead > *,
.site-header > *,
#ast-desktop-header > *,
#ast-mobile-header > * {
  top: auto !important;
}

/* Elimina eventuali classi/spaziatori usati dallo sticky header. */
.ast-sticky-header-placeholder,
.ast-sticky-placeholder,
.ast-header-sticky-placeholder,
[class*="sticky-placeholder"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Il contenuto non deve infilarsi sotto all'header. */
#content,
.site-content,
main#primary,
.ena-page {
  margin-top: 0 !important;
  top: auto !important;
}

/* La barra nera di amministrazione WordPress può rimanere fissa:
   compare solo agli utenti loggati e non ai visitatori. */

/* ==================================================
   v1.0.5 FINAL HEADER FLOW GUARD
================================================== */
.ena-child-v105 #masthead,
.ena-child-v105 .site-header,
.ena-child-v105 #ast-desktop-header,
.ena-child-v105 #ast-mobile-header,
.ena-child-v105 .ast-primary-header-bar,
.ena-child-v105 .ast-main-header-wrap,
.ena-child-v105 .ast-mobile-header-wrap {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: auto !important;
}

.ena-child-v105 #content,
.ena-child-v105 .site-content,
.ena-child-v105 .ena-page {
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* News is explicitly the last content section before </main>. */
.ena-news-section {
    margin-bottom: 0;
}



/* ==================================================
   v1.0.7 - ICONE STRUMENTI HOME
================================================== */
.ena-tool-art{
    background:rgba(255,255,255,.04);
    padding:8px;
}
.ena-tool-art img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));
}
.ena-tool-card:focus-visible{
    outline:3px solid var(--ena-gold);
    outline-offset:3px;
}

/* ==================================================
   v1.0.12 - SFONDO MAGICO REALE NEL TEMA
   Solo sfondo: nessuna modifica ai box, alle sezioni o al layout.
================================================== */

html {
    background: #041f4e;
}

body {
    color: #fff;
    background-color: #041f4e !important;
    background-image:
        linear-gradient(rgba(3, 28, 69, .34), rgba(3, 28, 69, .50)),
        url("../images/enalotto3000-magical-bg.png") !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    overflow-x: hidden;
}

/* Tutti i contenitori restano trasparenti così si vede lo sfondo */
.site,
.site-content,
.site-main,
.content-area,
.entry-content,
.wp-site-blocks,
#content,
#primary,
main,
.ast-container {
    background: transparent !important;
}

/* Home un po' più luminosa */
body.home {
    background-image:
        linear-gradient(rgba(2, 24, 60, .25), rgba(2, 24, 60, .38)),
        url("../images/enalotto3000-magical-bg.png") !important;
}

/* Pagine/articoli un filo più scure per leggibilità */
body:not(.home) {
    background-image:
        linear-gradient(rgba(2, 24, 60, .48), rgba(2, 24, 60, .60)),
        url("../images/enalotto3000-magical-bg.png") !important;
}

/* NON tocca la struttura: solo un fondo più leggibile ai blocchi esistenti */
.ena-hero,
.ena-tool-card,
.ena-section,
.ena-widget-zone,
.ena-news-section,
.widget,
.sidebar-main,
.ast-article-post,
.ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    background-color: rgba(6, 69, 143, .88) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Header/footer coerenti ma invariati nella struttura */
.site-header,
#masthead,
.ast-primary-header-bar,
.ast-main-header-wrap,
footer,
.site-footer {
    background-color: rgba(4, 49, 106, .92) !important;
}

/* Sicurezza responsive / no overflow */
body,
.site,
.site-content,
.ast-container,
.ena-page,
.ena-wrap,
.ena-hero,
.ena-tools,
.ena-section,
.ena-widget-zone {
    max-width: 100%;
    box-sizing: border-box;
}

/* Tablet: niente fixed background per fluidità */
@media (max-width: 1024px) {
    body,
    body.home,
    body:not(.home) {
        background-attachment: scroll !important;
        background-position: center top !important;
        background-size: auto 100vh !important;
        background-repeat: repeat-y !important;
    }
}

/* Mobile: sfondo alleggerito ma sempre presente */
@media (max-width: 600px) {
    body,
    body.home,
    body:not(.home) {
        background-image:
            linear-gradient(rgba(3, 28, 69, .44), rgba(3, 28, 69, .58)),
            url("../images/enalotto3000-magical-bg.png") !important;
        background-position: 62% top !important;
        background-size: auto 780px !important;
        background-repeat: repeat-y !important;
    }

    .ena-hero,
    .ena-tool-card,
    .ena-section,
    .ena-widget-zone,
    .ena-news-section {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

/* ==================================================
   v1.0.13 - BACKGROUND CONTINUO, MAI RIPETUTO
   Override finale della v1.0.12.
   Una sola immagine fissa dietro tutto il sito.
================================================== */

/* Lo sfondo vive sul canvas HTML: resta unico mentre la pagina scorre. */
html {
    min-height: 100%;
    background-color: #041f4e !important;
    background-image:
        linear-gradient(rgba(2, 24, 60, .34), rgba(2, 24, 60, .48)),
        url("../images/enalotto3000-magical-bg.webp") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Il body non replica più alcuna immagine. */
body,
body.home,
body:not(.home) {
    min-height: 100vh;
    background: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

/* Leggera continuità blu lungo pagine molto lunghe senza duplicare l'immagine. */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1000;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(4,31,78,.04) 0%,
            rgba(4,31,78,.10) 55%,
            rgba(3,27,67,.22) 100%
        );
}

/* Astra e i contenitori restano trasparenti. */
.site,
.site-content,
.site-main,
.content-area,
.entry-content,
.wp-site-blocks,
#content,
#primary,
main,
.ast-container {
    background: transparent !important;
}

/* Niente overflow laterale. */
html,
body,
.site,
.site-content,
.ena-page {
    max-width: 100%;
    overflow-x: clip;
}

/* Su mobile manteniamo una singola immagine: nessun repeat-y. */
@media (max-width: 1024px) {
    html {
        background-position: 58% center !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
    }

    body,
    body.home,
    body:not(.home) {
        background-image: none !important;
        background-repeat: no-repeat !important;
    }
}

@media (max-width: 600px) {
    html {
        background-position: 64% center !important;
    }
}

/* ==================================================
   v1.0.14 - PANNELLI TRASPARENTI
   Mantiene leggibilità, lascia respirare lo sfondo.
================================================== */

.ena-hero,
.ena-tool-card,
.ena-section,
.ena-widget-zone,
.ena-news-section,
.widget,
.sidebar-main,
.ast-article-post,
.ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    background: rgba(5, 42, 92, .46) !important;
    border-color: rgba(111, 190, 255, .34) !important;
    backdrop-filter: blur(8px) saturate(115%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(115%) !important;
    box-shadow:
        0 12px 28px rgba(0, 18, 50, .20),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* I tre riquadri strumenti un filo più trasparenti */
.ena-tool-card {
    background: rgba(4, 48, 104, .42) !important;
}

/* Hero leggermente più leggibile */
.ena-hero {
    background:
        linear-gradient(
            135deg,
            rgba(4, 40, 91, .55),
            rgba(7, 72, 148, .38)
        ) !important;
}

/* Widget e News molto leggeri */
.ena-widget-zone,
.ena-news-section {
    background: rgba(4, 42, 92, .38) !important;
}

/* Header e footer restano un po' più coprenti per leggibilità */
.site-header,
#masthead,
.ast-primary-header-bar,
.ast-main-header-wrap,
footer,
.site-footer {
    background: rgba(3, 39, 85, .78) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Mobile: riduciamo il blur per performance */
@media (max-width: 600px) {
    .ena-hero,
    .ena-tool-card,
    .ena-section,
    .ena-widget-zone,
    .ena-news-section,
    .widget,
    .sidebar-main,
    .ast-article-post,
    .ast-article-single {
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        background: rgba(4, 43, 94, .52) !important;
    }
}

/* ==================================================
   v1.0.15 - HERO IMMAGINE PERSONALIZZATA
================================================== */

.ena-cosmos:has(.ena-hero-custom-image) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ena-hero-custom-image {
    display: block;
    width: 100%;
    max-width: 520px;
    height: auto;
    max-height: 360px;
    object-fit: contain;
    object-position: center;
    border-radius: 22px;
    box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

/* Tablet */
@media (max-width: 900px) {
    .ena-hero-custom-image {
        max-width: 460px;
        max-height: 300px;
        margin-inline: auto;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .ena-hero-custom-image {
        width: 100%;
        max-width: 100%;
        max-height: none;
        border-radius: 16px;
    }
}

/* ==================================================
   v1.0.16 - HERO SENZA IMMAGINE = SFONDO VISIBILE
================================================== */

/* Se non selezioni alcuna immagine, niente palline CSS:
   resta solo lo sfondo del sito visibile attraverso il pannello hero. */
.ena-hero-no-image .ena-cosmos-empty {
    min-height: 260px;
    width: 100%;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ena-hero-no-image .ena-cosmos-empty::before,
.ena-hero-no-image .ena-cosmos-empty::after {
    content: none !important;
}

/* La hero stessa resta semi-trasparente, così si vede lo sfondo sotto. */
.ena-hero-no-image {
    background:
        linear-gradient(
            135deg,
            rgba(4, 40, 91, .30),
            rgba(7, 72, 148, .18)
        ) !important;
}

/* Se non c'è immagine, un po' più spazio al testo senza rompere il layout */
.ena-hero-no-image .ena-hero-grid,
.ena-hero-no-image .ena-hero__content {
    grid-template-columns: 1.25fr .75fr !important;
}

/* Mobile: se non c'è immagine, niente colonna vuota e si vede meglio lo sfondo */
@media (max-width: 900px) {
    .ena-hero-no-image .ena-hero-grid,
    .ena-hero-no-image .ena-hero__content {
        grid-template-columns: 1fr !important;
    }

    .ena-hero-no-image .ena-cosmos-empty {
        min-height: 120px;
    }
}

/* ==================================================
   v1.0.17 - HERO IMAGE COME SFONDO COMPLETO
================================================== */

/* L'immagine scelta dal Personalizzatore copre tutto il riquadro Hero */
.ena-hero-bg-image {
    position: relative;
    overflow: hidden;
    background-image:
        linear-gradient(
            90deg,
            rgba(3, 25, 62, .84) 0%,
            rgba(3, 25, 62, .66) 42%,
            rgba(3, 25, 62, .26) 72%,
            rgba(3, 25, 62, .12) 100%
        ),
        var(--ena-hero-bg) !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Leggero riflesso per integrare l'immagine con il tema */
.ena-hero-bg-image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 80% 30%, rgba(255,215,70,.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.10));
    z-index: 0;
}

/* Il contenuto resta sopra allo sfondo */
.ena-hero-bg-image .ena-hero-grid,
.ena-hero-bg-image .ena-hero__content {
    position: relative;
    z-index: 1;
}

/* La vecchia colonna grafica non deve occupare spazio quando usiamo un background */
.ena-hero-bg-image .ena-cosmos-empty {
    min-height: 260px;
    background: transparent !important;
}

/* Testo più leggibile sullo sfondo */
.ena-hero-bg-image h1,
.ena-hero-bg-image p,
.ena-hero-bg-image .ena-kicker {
    text-shadow: 0 2px 10px rgba(0,0,0,.28);
}

/* Tablet */
@media (max-width: 900px) {
    .ena-hero-bg-image {
        background-position: 60% center !important;
    }

    .ena-hero-bg-image .ena-hero-grid,
    .ena-hero-bg-image .ena-hero__content {
        grid-template-columns: 1fr !important;
    }

    .ena-hero-bg-image .ena-cosmos-empty {
        min-height: 140px;
    }
}

/* Mobile: overlay più scuro, immagine sempre cover e dentro i margini */
@media (max-width: 600px) {
    .ena-hero-bg-image {
        background-image:
            linear-gradient(
                rgba(3,25,62,.78),
                rgba(3,25,62,.72)
            ),
            var(--ena-hero-bg) !important;
        background-position: center center !important;
        background-size: cover !important;
    }

    .ena-hero-bg-image .ena-cosmos-empty {
        min-height: 70px;
    }
}

/* Se NON c'è immagine, resta il comportamento della v1.0.16:
   hero trasparente e sfondo generale visibile. */
.ena-hero-no-image {
    background:
        linear-gradient(
            135deg,
            rgba(4, 40, 91, .30),
            rgba(7, 72, 148, .18)
        ) !important;
}

/* ==================================================
   v1.0.18 - HERO MOLTO PIÙ TRASPARENTE
   Niente immagine di sfondo nella hero: si deve vedere
   meglio lo sfondo generale del sito sotto al riquadro.
================================================== */

/* La hero diventa il riquadro più trasparente della home */
.ena-hero,
.ena-hero-no-image,
.ena-hero-bg-image {
    position: relative;
    background:
        linear-gradient(
            135deg,
            rgba(4, 33, 77, .18),
            rgba(7, 64, 132, .12)
        ) !important;
    border-color: rgba(125, 198, 255, .28) !important;
    backdrop-filter: blur(5px) saturate(110%) !important;
    -webkit-backdrop-filter: blur(5px) saturate(110%) !important;
    box-shadow:
        0 10px 24px rgba(0, 17, 48, .16),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Se era stata selezionata un'immagine per la Hero, non viene usata come sfondo:
   resta visibile il background generale del sito. */
.ena-hero-bg-image {
    background-image:
        linear-gradient(
            135deg,
            rgba(4, 33, 77, .18),
            rgba(7, 64, 132, .12)
        ) !important;
    background-size: auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Rimuove eventuale overlay aggiuntivo del background hero */
.ena-hero-bg-image::after {
    content: none !important;
}

/* La colonna destra resta trasparente: così si vede il fondo del sito */
.ena-hero .ena-cosmos,
.ena-hero .ena-cosmos-empty {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 220px;
}

/* Il testo resta leggibile, ma meno "chiuso" del resto dei pannelli */
.ena-hero h1,
.ena-hero p,
.ena-hero .ena-kicker,
.ena-hero .ena-subtitle {
    text-shadow: 0 2px 10px rgba(0,0,0,.22);
}

/* Gli altri riquadri restano più coprenti della hero */
.ena-tool-card,
.ena-section,
.ena-widget-zone,
.ena-news-section {
    background: rgba(5, 42, 92, .44) !important;
}

/* Mobile: trasparenza simile ma blur alleggerito */
@media (max-width: 600px) {
    .ena-hero,
    .ena-hero-no-image,
    .ena-hero-bg-image {
        background:
            linear-gradient(
                135deg,
                rgba(4, 33, 77, .28),
                rgba(7, 64, 132, .18)
            ) !important;
        backdrop-filter: blur(3px) !important;
        -webkit-backdrop-filter: blur(3px) !important;
    }

    .ena-hero .ena-cosmos,
    .ena-hero .ena-cosmos-empty {
        min-height: 90px;
    }
}

/* ==================================================
   v1.0.19 - HERO 50% PIÙ TRASPARENTE
================================================== */

.ena-hero,
.ena-hero-no-image,
.ena-hero-bg-image {
    background:
        linear-gradient(
            135deg,
            rgba(4, 33, 77, .09),
            rgba(7, 64, 132, .06)
        ) !important;
    border-color: rgba(125, 198, 255, .22) !important;
    backdrop-filter: blur(3px) saturate(105%) !important;
    -webkit-backdrop-filter: blur(3px) saturate(105%) !important;
    box-shadow:
        0 8px 20px rgba(0, 17, 48, .10),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Nessuna immagine di sfondo nella Hero */
.ena-hero-bg-image {
    background-image:
        linear-gradient(
            135deg,
            rgba(4, 33, 77, .09),
            rgba(7, 64, 132, .06)
        ) !important;
}

.ena-hero-bg-image::after {
    content: none !important;
}

/* Mobile: circa metà dell'opacità della v1.0.18 */
@media (max-width: 600px) {
    .ena-hero,
    .ena-hero-no-image,
    .ena-hero-bg-image {
        background:
            linear-gradient(
                135deg,
                rgba(4, 33, 77, .14),
                rgba(7, 64, 132, .09)
            ) !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }
}

/* ==================================================
   v1.0.20 - RESPONSIVE IMPROVEMENTS
================================================== */

/* Base fluid */
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

.ena-wrap,
.ena-hero,
.ena-tools,
.ena-section,
.ena-widget-zone,
.ena-news-section {
    width: min(100%, 1200px);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Hero più fluida */
.ena-hero {
    padding: clamp(24px, 4vw, 54px);
}

.ena-hero h1 {
    font-size: clamp(2.2rem, 5vw, 4.6rem);
    line-height: 1.02;
    max-width: 10ch;
}

.ena-hero p,
.ena-hero .ena-subtitle {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    line-height: 1.55;
    max-width: 44rem;
}

.ena-btn {
    white-space: normal;
    text-align: center;
}

/* 3 box strumenti: più flessibili */
.ena-tools {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.8vw, 22px);
}

.ena-tool-card {
    min-width: 0;
    height: 100%;
}

.ena-tool-card h2 {
    font-size: clamp(1.15rem, 1.8vw, 1.6rem);
}

.ena-tool-card p {
    font-size: clamp(.92rem, 1.2vw, 1rem);
}

.ena-tool-art,
.ena-card__icon {
    flex-shrink: 0;
}

/* News e consigli */
.ena-section {
    padding-left: clamp(16px, 2.5vw, 28px);
    padding-right: clamp(16px, 2.5vw, 28px);
}

.ena-news-grid,
.ena-consigli-grid {
    gap: clamp(12px, 1.8vw, 20px);
}

/* Tablet */
@media (max-width: 1024px) {

    .ena-wrap,
    .ena-hero,
    .ena-tools,
    .ena-section,
    .ena-widget-zone,
    .ena-news-section {
        width: calc(100% - 32px);
    }

    .ena-tools {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ena-tool-card:last-child {
        grid-column: 1 / -1;
    }

    .ena-hero h1 {
        max-width: 12ch;
    }
}

/* Tablet stretto / mobile grande */
@media (max-width: 780px) {

    .ena-tools {
        grid-template-columns: 1fr;
    }

    .ena-tool-card:last-child {
        grid-column: auto;
    }

    .ena-hero,
    .ena-section,
    .ena-widget-zone {
        border-radius: 20px;
    }

    .ena-tool-card {
        border-radius: 18px;
    }

    .ena-hero h1 {
        max-width: none;
    }

    .ena-consigli-grid,
    .ena-news-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .site-header .ast-container,
    #masthead .ast-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* Mobile */
@media (max-width: 600px) {

    .ena-wrap,
    .ena-hero,
    .ena-tools,
    .ena-section,
    .ena-widget-zone,
    .ena-news-section {
        width: calc(100% - 20px);
    }

    .ena-hero {
        padding: 22px 18px;
        border-radius: 18px;
    }

    .ena-hero h1 {
        font-size: clamp(2rem, 10vw, 3rem);
        line-height: 1.03;
        margin-bottom: 14px;
    }

    .ena-hero p,
    .ena-hero .ena-subtitle {
        font-size: .98rem;
        line-height: 1.5;
    }

    .ena-btn,
    .ena-btn-gold,
    .wp-block-button__link {
        width: auto;
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 13px 18px;
        font-size: .98rem;
    }

    .ena-tool-card {
        padding: 18px;
        gap: 14px;
        align-items: center;
    }

    .ena-tool-art,
    .ena-card__icon {
        width: 84px !important;
        min-width: 84px !important;
        height: 84px !important;
    }

    .ena-tool-card h2 {
        font-size: 1.25rem;
        line-height: 1.15;
    }

    .ena-tool-card p {
        font-size: .92rem;
        line-height: 1.4;
    }

    .ena-section h2 {
        font-size: 1.7rem;
    }

    .ena-consigli-grid,
    .ena-news-grid {
        grid-template-columns: 1fr !important;
    }

    .ena-section,
    .ena-widget-zone {
        padding: 18px 14px;
    }

    /* footer/menu più sicuri */
    footer,
    .site-footer {
        overflow-x: hidden;
    }

    .wp-block-navigation__responsive-container,
    .ast-mobile-popup-drawer {
        max-width: 100vw !important;
    }
}

/* Smartphone piccoli */
@media (max-width: 390px) {

    .ena-wrap,
    .ena-hero,
    .ena-tools,
    .ena-section,
    .ena-widget-zone,
    .ena-news-section {
        width: calc(100% - 14px);
    }

    .ena-hero {
        padding: 18px 14px;
    }

    .ena-tool-card {
        padding: 15px;
    }

    .ena-tool-art,
    .ena-card__icon {
        width: 72px !important;
        min-width: 72px !important;
        height: 72px !important;
    }

    .ena-tool-card h2 {
        font-size: 1.12rem;
    }

    .ena-btn,
    .ena-btn-gold {
        font-size: .92rem;
        padding: 12px 15px;
    }
}

/* Riduce effetti pesanti su dispositivi meno potenti */
@media (max-width: 780px) {
    .ena-hero,
    .ena-tool-card,
    .ena-section,
    .ena-widget-zone,
    .ena-news-section {
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }
}