/* Tema chiaro "pietra e rame", come le pagine del sistema Area58 Neural AI.
   Si carica dopo style.css: per tornare al tema blu basta togliere questo file. */
:root{
  --bg:#f6f3ee;
  --surface:#efe9df;
  --ink:#1d2329;
  --muted:#5b6672;
  --line:#ddd5ca;
  --blue:#b0521a;
  --blue-deep:#2b241f;
  --on-blue:#ffffff;
  --signal:#c9682a;
  --pietra-veli:246,243,238;
}
body{background:repeating-linear-gradient(0deg,rgba(0,0,0,.015) 0 1px,transparent 1px 3px),var(--bg)}
body::before{background:var(--bg)}
header.top{background:rgba(246,243,238,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);box-shadow:0 2px 12px rgba(40,30,20,.06)}

/* Aperture con foto: un velo chiaro al posto di quello blu scuro */
.hero{color:var(--ink);background-color:#e9e2d7}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(var(--pietra-veli),.97) 0%,rgba(var(--pietra-veli),.9) 42%,rgba(var(--pietra-veli),.5) 75%,rgba(var(--pietra-veli),.25) 100%)}
.hero>*:not(.hero-ill){position:relative;z-index:1}
.hero .hero-ill{z-index:2}
@media (max-width:900px){.hero::after{background:rgba(var(--pietra-veli),.9)}}
.hero h1,.hero .lead{text-shadow:none}
.hero h1{color:var(--ink)}
.hero h1 em{color:var(--blue)}
.hero .lead{color:var(--muted);opacity:1}
.hero .label{color:var(--blue)}
.hero .btn-white,.cta-band .btn-white{background:var(--blue);color:#fff}
.hero .btn-white:hover{background:#933f10}
.hero .btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(29,35,41,.35)}
.hero .btn-ghost:hover{background:rgba(29,35,41,.06)}
.hero .hero-ill{color:var(--muted);background:rgba(255,255,255,.7)}

/* Bande */
.strip{background:var(--blue)}
.cta-band .btn-white{background:#fff;color:var(--blue)}
.site-search{background:#ebe4d9;border-bottom:1px solid var(--line)}
footer{background:#ebe4d9;color:var(--ink);border-top:1px solid var(--line)}
footer h4{color:var(--blue)}
footer .legal{border-top-color:var(--line)}

/* Sezioni scure con foto (domini) */
.domini{color:var(--ink);background-color:#e9e2d7}
.domini::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgba(var(--pietra-veli),.88)}
.domini>*{position:relative;z-index:1}
.domini .sec-head .label{color:var(--blue)}
.domini .sec-head h2{color:var(--ink);text-shadow:none}
.domini .sec-head p{color:var(--muted)}
.domini .dom-field{background:#fff;border-color:var(--line)}
.domini .dom-field:focus-within{border-color:var(--blue);background:#fff}
.domini .dom-field .www{color:var(--muted)}
.domini .dom-field input{color:var(--ink)}
.domini .dom-field input::placeholder{color:#8f98a2}
.domini .dom-search .btn{background:var(--blue);color:#fff}

/* Sezioni "AI" su fondo scuro */
.ai,.ai.na-cover{background:#ebe4d9;color:var(--ink)}
.ai .label,.ai .points b{color:var(--blue)}
.ai .btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(29,35,41,.35)}
.ai .btn-white{background:var(--blue);color:#fff}

/* Schede dei domini su fondo chiaro */
.domini .tld{background:#fff;border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 28px rgba(40,30,20,.08)}
.domini .tld .ext{color:var(--blue)}
.domini .tld .dn{color:var(--ink)}
.domini .tld .price{color:var(--muted)}
.domini .tld .price b{color:var(--ink)}
.domini .tld .vat{color:var(--muted)}
.domini .tld .btn{background:var(--blue);color:#fff}
.domini .dom-msg{color:var(--ink)}
.domini .dom-msg.err{color:#b3261e}
.domini p,.domini small,.domini .dom-note{color:var(--muted)}

/* Sezione "Stanco del vecchio provider?" */
.switch{background:linear-gradient(180deg,#efe9df,var(--bg))}

/* Il logo del piè di pagina è chiaro: lo mettiamo su un tondo scuro */
footer .flogo img{background:radial-gradient(circle,#1b2440 0%,#0b0f1c 75%);border-radius:50%;padding:8px}

/* Pacchetti in evidenza: segni di spunta e pulsante in rame */
.plan.featured li::before{border-color:#f2a24a}
.plan.featured .btn-white{color:var(--blue)}
@media (hover:hover){.plan.featured:hover,.plan.featured:focus-within{background:#3a3029;border-color:#f2a24a}}
/* Tabelle: intestazioni di riga chiare, solo la testata in rame */
.na-table tbody th{background:#efe9df;color:var(--ink)}

/* Mappa e linea del tempo nei toni pietra */
.mappa{background:linear-gradient(rgba(176,82,26,.06) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(176,82,26,.06) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(circle at 50% 45%,#ffffff 0%,#efe9df 70%)}
.mappa::before{background:
  linear-gradient(28deg,transparent 46%,rgba(176,82,26,.16) 46.5%,rgba(176,82,26,.16) 48%,transparent 48.5%),
  linear-gradient(-62deg,transparent 60%,rgba(176,82,26,.1) 60.5%,rgba(176,82,26,.1) 61.6%,transparent 62%),
  linear-gradient(95deg,transparent 30%,rgba(176,82,26,.08) 30.4%,rgba(176,82,26,.08) 31.2%,transparent 31.6%)}
.mappa-pin{filter:drop-shadow(0 8px 14px rgba(176,82,26,.3))}
.timeline .tl-now::before{background:#c9682a;border-color:#c9682a}

/* 14/11: velo più leggero sulle foto delle aperture */
.hero::after{background:linear-gradient(90deg,rgba(var(--pietra-veli),.93) 0%,rgba(var(--pietra-veli),.78) 38%,rgba(var(--pietra-veli),.28) 68%,rgba(var(--pietra-veli),0) 100%)}
@media (max-width:900px){.hero::after{background:rgba(var(--pietra-veli),.8)}}
.domini::after{background:rgba(var(--pietra-veli),.78)}

/* 14/11: anche i banner con foto in chiaro (carosello, siti web, enti pubblici, studi) */
.web-promo{color:var(--ink);background-color:#e9e2d7;
  background-image:linear-gradient(90deg,rgba(var(--pietra-veli),.93) 0%,rgba(var(--pietra-veli),.75) 42%,rgba(var(--pietra-veli),.1) 85%),url("../img/sviluppo-web.jpg")}
@media (max-width:700px){.web-promo{background-image:linear-gradient(180deg,rgba(var(--pietra-veli),.85),rgba(var(--pietra-veli),.88)),url("../img/sviluppo-web.jpg")}}
.web-promo .label{color:var(--blue)}
.web-promo .big::after{color:var(--blue)}
.web-promo .sub{color:var(--muted);opacity:1}
.web-promo:hover{box-shadow:0 24px 50px rgba(40,30,20,.22)}
.duo-pa{background-image:linear-gradient(180deg,rgba(var(--pietra-veli),0) 0%,rgba(var(--pietra-veli),.7) 45%,rgba(var(--pietra-veli),.95) 100%),url("../img/pa-banner.jpg")!important}
.duo-studi{background-image:linear-gradient(180deg,rgba(var(--pietra-veli),0) 0%,rgba(var(--pietra-veli),.7) 45%,rgba(var(--pietra-veli),.95) 100%),url("../img/tribunale-banner.jpg")!important}
.pa-promo{background-image:linear-gradient(90deg,rgba(var(--pietra-veli),.93) 0%,rgba(var(--pietra-veli),.75) 45%,rgba(var(--pietra-veli),.15) 100%),url("../img/servizi-banner.jpg")!important}
.pa-home .pa-promo{background-image:linear-gradient(90deg,rgba(var(--pietra-veli),.9) 0%,rgba(var(--pietra-veli),.6) 35%,rgba(var(--pietra-veli),0) 60%),url("../img/pa-banner.jpg")!important}
@media (max-width:700px){
  .pa-promo{background-image:linear-gradient(180deg,rgba(var(--pietra-veli),.85),rgba(var(--pietra-veli),.9)),url("../img/servizi-banner.jpg")!important}
  .pa-home .pa-promo{background-image:linear-gradient(180deg,rgba(var(--pietra-veli),.85),rgba(var(--pietra-veli),.9)),url("../img/pa-banner.jpg")!important}
}
.web-promo h2,.web-promo h3,.web-promo p{color:inherit;text-shadow:none}

/* Carosello: slide SIDesk e Firewall */
.sidesk-hero::after{background:linear-gradient(90deg,rgba(var(--pietra-veli),.93) 0%,rgba(var(--pietra-veli),.75) 35%,rgba(var(--pietra-veli),.2) 60%,rgba(var(--pietra-veli),0) 75%)}
@media (min-width:821px){.hero-slider .fw-banner::after{background:linear-gradient(90deg,rgba(var(--pietra-veli),.93) 0%,rgba(var(--pietra-veli),.78) 34%,rgba(var(--pietra-veli),.35) 48%,rgba(var(--pietra-veli),0) 66%)}}
.sidesk-over,.fw-over{color:var(--ink)}
.sidesk-over .label,.fw-over .label{color:var(--blue)}
.sidesk-over h2,.fw-over h2{color:var(--ink);text-shadow:none}
.sidesk-over h2 em{color:var(--blue)}
.fw-over h2 em{color:#c0392b}
.sidesk-over p,.fw-over p{color:var(--muted);text-shadow:none}
.fw-btn{background:var(--blue);color:#fff}
.sidesk-full,.hero-slider .fw-full,.fw-banner-sec{background:var(--bg)}
.sidesk-full .sidesk-cap{color:var(--muted)}
.sidesk-full .sidesk-cap b{color:var(--ink)}
.sidesk-full .sidesk-cap .more{color:var(--blue)}
@media (max-width:820px){.sidesk-over,.fw-over{background:var(--bg)}}
.head-tema{color:var(--ink)}

/* Etichette di disponibilità dei domini leggibili su fondo bianco */
.domini .tld .stato{font-weight:500;background:#efe9df;color:var(--muted)}
.domini .tld .stato.s-libero{background:#e3f4e6;color:#1b6b34}
.domini .tld .stato.s-registrato{background:#fbe6e3;color:#a3261b}
.domini .tld .stato.s-non-assegnabile,.domini .tld .stato.s-errore{background:#fbefd9;color:#8a5200}
.domini .tld .stato.s-verifica{background:#efe9df;color:var(--muted)}