/*
Theme Name: Il dato è tratto
Theme URI: https://www.ildatoetratto.it/
Author: Troisi Ricerche
Author URI: https://www.troisiricerche.net/
Description: Tema del sito della newsletter mensile «Il dato è tratto» di Troisi Ricerche. Crea da solo le pagine, pubblica i numeri, raccoglie le iscrizioni con doppia conferma e prova del consenso, esporta gli iscritti in CSV. Nessun cookie e nessun servizio esterno caricato dal tema.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ildatoetratto
*/

:root{
	--navy:#003366; --blu:#004D8C; --arancio:#F5A623; --arancio-scuro:#D95C14; --verde:#00856A;
	--azzurro:#E6F0FA; --crema:#FFF3E0; --testo:#1F2937; --grigio:#6B7280; --linea:#E5E7EB; --fondo:#F7F8FA;
	--serif: Georgia, "Times New Roman", "DejaVu Serif", serif;
	--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--w: 1120px; --wt: 720px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--testo);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--blu)}
a:hover{color:var(--arancio-scuro)}
h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,5.5vw,3.8rem)}
h2{font-size:clamp(1.55rem,3vw,2.1rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.wrap-t{max-width:var(--wt);margin:0 auto;padding:0 20px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.skip{position:absolute;left:-999px;top:0;background:var(--arancio);color:var(--navy);padding:8px 14px;z-index:99}
.skip:focus{left:10px}

/* Testata */
.site-head{background:var(--navy);color:#fff;border-bottom:5px solid var(--arancio)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.brand img{width:40px;height:40px}
.brand b{font-family:var(--serif);font-size:1.35rem;font-weight:700;letter-spacing:.2px}
.brand small{display:block;font-size:.72rem;color:#B3CDE6;letter-spacing:.4px}
.nav{display:flex;align-items:center;gap:22px}
.nav a{color:#fff;text-decoration:none;font-size:.95rem}
.nav a:hover,.nav a[aria-current="page"]{color:var(--arancio)}
.nav .btn-nav{background:var(--arancio);color:var(--navy);font-weight:700;padding:8px 16px;border-radius:6px}
.nav .btn-nav:hover{background:#fff;color:var(--navy)}
.nav-toggle{display:none;background:none;border:2px solid #fff;color:#fff;border-radius:6px;padding:6px 10px;font-size:.9rem}
@media (max-width:820px){
	.nav-toggle{display:block}
	.nav{display:none;position:absolute;left:0;right:0;top:77px;background:var(--navy);flex-direction:column;align-items:flex-start;padding:14px 20px 20px;gap:14px;z-index:20;border-bottom:5px solid var(--arancio)}
	.nav.open{display:flex}
	.site-head{position:relative}
}

/* Pulsanti */
.idt-btn,.btn{display:inline-block;background:var(--arancio);color:var(--navy);font-weight:700;text-decoration:none;padding:13px 22px;border-radius:6px;border:0;font-size:1rem;cursor:pointer;font-family:var(--sans)}
.idt-btn:hover,.btn:hover{background:var(--navy);color:#fff}
.btn-sec{background:transparent;border:2px solid var(--navy);color:var(--navy)}
.btn-sec:hover{background:var(--navy);color:#fff}

/* Hero */
.hero{background:linear-gradient(180deg,var(--azzurro),#fff);padding:64px 0 56px}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.kicker{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--arancio-scuro);margin:0 0 12px}
.hero h1{margin-bottom:.3em}
.hero .sub{font-size:1.2rem;color:var(--navy);max-width:34em}
.hero ul.punti{list-style:none;padding:0;margin:18px 0 0}
.hero ul.punti li{padding-left:28px;position:relative;margin:6px 0}
.hero ul.punti li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;border-radius:4px;background:var(--arancio)}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:28px}.hero{padding:40px 0}}

/* Modulo iscrizione */
.iscrizione{background:#fff;border:1px solid var(--linea);border-top:6px solid var(--arancio);border-radius:12px;padding:26px;box-shadow:0 10px 30px rgba(0,51,102,.08)}
.iscrizione h2{font-size:1.45rem;margin-bottom:.3em}
.iscrizione p.nota{font-size:.88rem;color:var(--grigio);margin:.8em 0 0}
.iscrizione label{display:block;font-weight:600;font-size:.92rem;margin:12px 0 4px}
.iscrizione input[type=email],.iscrizione input[type=text]{width:100%;padding:12px 14px;border:1px solid #CBD5E1;border-radius:8px;font-size:1rem;font-family:var(--sans)}
.iscrizione input:focus{outline:3px solid rgba(245,166,35,.45);border-color:var(--arancio)}
.iscrizione .riga2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.iscrizione .riga2{grid-template-columns:1fr}}
.iscrizione .consenso{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.88rem;line-height:1.5;margin-top:14px}
.iscrizione .consenso input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}
.iscrizione button{width:100%;margin-top:16px}
.iscrizione .hp{position:absolute;left:-5000px}
.avviso{border-radius:10px;padding:16px 18px;margin:0 0 18px;font-size:.98rem}
.avviso.ok{background:#E7F6F1;border-left:5px solid var(--verde)}
.avviso.ko{background:#FDECEC;border-left:5px solid #B42318}
.avviso.info{background:var(--azzurro);border-left:5px solid var(--blu)}

/* Sezioni */
.sez{padding:64px 0}
.sez.alt{background:var(--fondo)}
.sez.scura{background:var(--navy);color:#fff}
.sez.scura h2,.sez.scura h3{color:#fff}
.sez.scura a{color:var(--arancio)}
.sez-head{max-width:760px;margin-bottom:28px}
.sez-head .linea,.linea{width:52px;height:4px;background:var(--arancio);border-radius:2px;margin:10px 0 0}

/* Ultimo numero */
.ultimo{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
@media (max-width:860px){.ultimo{grid-template-columns:1fr}}
.dato-box{background:var(--azzurro);border-left:6px solid var(--arancio);border-radius:10px;padding:24px}
.dato-box .big{font-family:var(--serif);font-size:3.6rem;font-weight:700;color:var(--arancio-scuro);line-height:1}
.dato-box p{color:var(--navy);font-size:1.08rem;margin:.6em 0 0}
.dato-box p.kicker{color:var(--arancio-scuro);font-size:.78rem;margin:0 0 6px}
.numeri3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
@media (max-width:600px){.numeri3{grid-template-columns:1fr}}
.numeri3 div{background:#fff;border-top:4px solid var(--c,var(--blu));border-radius:8px;padding:14px;box-shadow:0 1px 0 var(--linea)}
.numeri3 strong{display:block;font-family:var(--serif);font-size:1.7rem;color:var(--c,var(--blu));line-height:1}
.numeri3 span{font-size:.85rem;line-height:1.4;display:block;margin-top:6px}

/* Cosa trovi */
.griglia4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:960px){.griglia4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.griglia4{grid-template-columns:1fr}}
.voce{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:20px}
.voce .ico{width:40px;height:40px;border-radius:10px;background:var(--navy);color:var(--arancio);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--serif);font-size:1.2rem;margin-bottom:12px}
.voce h3{font-size:1.1rem}
.voce p{font-size:.95rem;margin:0}

/* Fonti / osservatori */
.oss{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:860px){.oss{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.oss{grid-template-columns:1fr}}
.oss a{display:block;background:#fff;border-left:4px solid var(--arancio);border-radius:6px;padding:12px 14px;text-decoration:none;color:var(--testo);box-shadow:0 1px 0 var(--linea)}
.oss a b{display:block;color:var(--navy)}
.oss a span{font-size:.85rem;color:var(--grigio)}
.oss a:hover b{color:var(--arancio-scuro)}

/* Storia */
.storia{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
@media (max-width:860px){.storia{grid-template-columns:1fr}}
.tappe{list-style:none;margin:0;padding:0;border-left:3px solid var(--arancio)}
.tappe li{padding:0 0 18px 22px;position:relative}
.tappe li::before{content:"";position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--arancio);border:3px solid var(--navy)}
.tappe b{display:block;color:var(--arancio);font-family:var(--serif);font-size:1.2rem}

/* Archivio */
.elenco-numeri{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.elenco-numeri{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.elenco-numeri{grid-template-columns:1fr}}
.numero-card{border:1px solid var(--linea);border-top:5px solid var(--navy);border-radius:10px;padding:20px;background:#fff;display:flex;flex-direction:column}
.numero-card .n{font-size:.78rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--arancio-scuro)}
.numero-card h3{margin:.4em 0}
.numero-card h3 a{text-decoration:none;color:var(--navy)}
.numero-card .big{font-family:var(--serif);font-size:2.2rem;font-weight:700;color:var(--arancio-scuro);line-height:1;margin:6px 0}
.numero-card p{font-size:.95rem}
.numero-card .idt-more{margin-top:auto}

/* Pagine interne */
.page-head{background:var(--azzurro);padding:44px 0 34px;border-bottom:1px solid var(--linea)}
.page-head h1{font-size:clamp(1.9rem,4.2vw,2.9rem);margin-bottom:.2em}
.page-head p{color:var(--navy);font-size:1.12rem;margin:0;max-width:40em}
.page-head p.kicker{color:var(--arancio-scuro);font-size:.78rem;margin:0 0 12px}
.contenuto{padding:40px 0 64px}
.contenuto h2{margin-top:1.6em}
.contenuto ul{padding-left:1.2em}

/* Numero (articolo) */
.idt-lead{font-size:1.2rem;color:var(--navy)}
.idt-sec{margin:40px 0}
.idt-sec>h2{font-size:1.7rem}
.idt-sec>h2::after{content:"";display:block;width:52px;height:4px;background:var(--arancio);border-radius:2px;margin-top:10px}
.idt-kicker{font-family:var(--sans)!important;font-size:.8rem!important;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--arancio-scuro)!important}
.idt-kicker::after{display:none!important}
.idt-tre{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:600px){.idt-tre{grid-template-columns:1fr}}
.idt-num{background:var(--fondo);border-top:4px solid var(--c);border-radius:8px;padding:16px}
.idt-num strong{display:block;font-family:var(--serif);font-size:2rem;color:var(--c);line-height:1}
.idt-num span{display:block;font-size:.92rem;margin-top:8px}
.idt-dato{background:var(--azzurro);border-left:6px solid var(--arancio);border-radius:10px;padding:24px}
.idt-dato-top{display:flex;gap:18px;align-items:center}
.idt-dato-top strong{font-family:var(--serif);font-size:3.4rem;color:var(--arancio-scuro);line-height:1;flex:0 0 auto}
.idt-dato-top p{margin:0;color:var(--navy);font-size:1.1rem}
@media (max-width:560px){.idt-dato-top{flex-direction:column;align-items:flex-start}}
.idt-tema{font-size:.78rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--arancio-scuro);margin:14px 0 6px}
.idt-tema a{text-transform:none;letter-spacing:0;font-weight:400;text-decoration:none}
.idt-sec figure{margin:14px 0;background:#fff;border:1px solid var(--linea);border-radius:8px;padding:10px}
.idt-sec figcaption{font-size:.8rem;color:var(--grigio);margin-top:6px}
.idt-more{font-weight:700;color:var(--arancio-scuro);text-decoration:none}
.idt-card{border:1px solid var(--linea);border-top:4px solid var(--blu);border-radius:10px;padding:20px;margin:0 0 22px;background:#fff}
.idt-card h3 a{text-decoration:none;color:var(--navy)}
.idt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:700px){.idt-grid2{grid-template-columns:1fr}}
.idt-card-sm{border-top-color:var(--verde);margin:0}
.idt-card-sm h3{font-size:1.05rem}
.idt-card-sm p{font-size:.93rem}
.idt-gioca{background:var(--crema);border-radius:12px;padding:26px}
.idt-opzioni{display:flex;gap:10px;flex-wrap:wrap}
.idt-opzioni span{border:2px solid var(--navy);color:var(--navy);font-weight:700;padding:8px 18px;border-radius:6px}
.idt-breve{list-style:none;padding:0;margin:0}
.idt-breve li{border-bottom:1px solid var(--linea);padding:12px 0}
.idt-breve span{display:block;font-size:.8rem;color:var(--blu)}
.idt-breve a{font-weight:700;color:var(--navy);text-decoration:none}
.numero-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--linea);padding-top:20px;margin-top:40px;font-size:.95rem}
.box-iscriviti{background:var(--navy);color:#fff;border-radius:12px;padding:28px;margin:40px 0}
.box-iscriviti h2{color:#fff}

/* Piè di pagina */
.site-foot{background:#0B1F33;color:#C9D6E3;padding:44px 0 28px;font-size:.92rem}
.site-foot .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
@media (max-width:760px){.site-foot .cols{grid-template-columns:1fr}}
.site-foot h3{color:#fff;font-family:var(--sans);font-size:.95rem;letter-spacing:.5px}
.site-foot a{color:#fff}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin:5px 0}
.site-foot .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:.8rem;color:#8FA3B8}

/* Archivio della galassia */
.arch-cerca{position:sticky;top:0;z-index:5;background:inherit;padding:8px 0 4px}
.sez.alt .arch-cerca{background:var(--fondo)}
.contenuto .arch-cerca{background:#fff}
.arch-cerca input{width:100%;padding:15px 18px;font-size:1.05rem;border:2px solid var(--navy);border-radius:10px;font-family:var(--sans)}
.arch-cerca input:focus{outline:3px solid rgba(245,166,35,.5)}
.arch-conta{font-size:.88rem;color:var(--grigio);margin:6px 2px 0}
.arch-temi{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.arch-temi button{border:1px solid var(--linea);background:#fff;border-left:4px solid var(--c,var(--navy));border-radius:999px;padding:7px 14px;font-size:.88rem;cursor:pointer;font-family:var(--sans);color:var(--testo)}
.arch-temi button small{color:var(--grigio);margin-left:3px}
.arch-temi button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.arch-temi button.on small{color:#B3CDE6}
.arch-tema{background:#fff;border:1px solid var(--linea);border-top:4px solid var(--c,var(--navy));border-radius:10px;padding:18px 22px;margin:0 0 18px}
.arch-tema h3{font-size:1.2rem;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.arch-tema h3 a{font-family:var(--sans);font-size:.82rem;font-weight:400;text-decoration:none}
.arch-tema ul{list-style:none;margin:0;padding:0}
.arch-tema li{padding:11px 0;border-bottom:1px solid var(--linea)}
.arch-tema li:last-child{border-bottom:0}
.arch-tema time{display:block;font-size:.78rem;color:var(--grigio);letter-spacing:.3px}
.arch-tema li>a{font-weight:700;color:var(--navy);text-decoration:none;line-height:1.35}
.arch-tema li>a:hover{color:var(--arancio-scuro)}
.arch-tema li p{font-size:.92rem;margin:4px 0 0;color:#374151}
.arch-cat{display:inline-block;font-size:.74rem;color:var(--c,var(--blu));margin-top:4px}
.arch-tutti{background:none;border:0;color:var(--arancio-scuro);font-weight:700;cursor:pointer;padding:10px 0 0;font-size:.95rem;font-family:var(--sans)}
.arch-vuoto{font-size:1.05rem;color:var(--grigio)}