/* Blog — indice, categoria, articolo. Riusa i token di style.css. */

.bl-bc{padding:14px 22px;font-size:.82rem;color:var(--muted-d)}
.bl-bc a{color:var(--muted-d);text-decoration:none}
.bl-bc a:hover{color:var(--orange-d)}

/* Hero indice / categoria */
.bl-hero{background:var(--ink);color:#fff;text-align:center;overflow:hidden;position:relative}
.bl-hero::before{content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:78%;height:120%;background:radial-gradient(50% 45% at 50% 30%,rgba(245,132,60,.2),transparent 70%);z-index:0}
.bl-hero .wrap{position:relative;z-index:1;max-width:800px}
.bl-hero h1{color:#fff}
.bl-hero .sub{font-size:1.14rem;color:#d9cdbd;max-width:620px;margin:18px auto 0}

/* Pillole categorie (il "filtro" nativo) */
.bl-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.bl-cats a{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#f0e7db;text-decoration:none;font-size:.86rem;font-weight:600;transition:.2s}
.bl-cats a:hover,.bl-cats a[aria-current]{background:var(--orange);border-color:var(--orange);color:#141010}

/* Griglia articoli */
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
@media(max-width:900px){.bl-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.bl-grid{grid-template-columns:1fr}}
.bl-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s;text-decoration:none}
.bl-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.bl-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#efe4d5,#e4d3bf);display:block}
.bl-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bl-card .b{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.bl-card .cat{font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--orange-text)}
.bl-card h3{font-size:1.12rem;line-height:1.2;margin-top:8px;color:var(--ink)}
.bl-card p{font-size:.9rem;color:var(--grey);margin-top:8px;flex:1}
.bl-card .more{margin-top:14px;font-weight:700;font-size:.86rem;color:var(--orange-text)}

.bl-empty{text-align:center;color:var(--grey);padding:30px 0}
.bl-pag{display:flex;gap:10px;justify-content:center;margin-top:40px}
.bl-pag a,.bl-pag span{padding:8px 14px;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.bl-pag .current{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Articolo */
.post-hero{background:var(--ink);color:#fff;padding-top:34px}
.post-hero .wrap{max-width:760px}
.post-hero .cat{font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}
.post-hero h1{color:#fff;margin-top:12px;font-size:clamp(2rem,4.4vw,3rem)}
.post-hero .meta{color:#b9ad9d;font-size:.9rem;margin-top:16px}
/* Il nome autore e' un <a>: senza regola cadeva sul blu di default del browser, su fondo
   quasi-nero (contrasto ~1.6:1, illeggibile). Arancione di brand: ~7:1 sull'hero scuro. */
.post-hero .meta a{color:var(--orange);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.post-hero .meta a:hover{color:#fff}
.post-body{padding:52px 22px}
.post-body .wrap{max-width:720px}
.post-body p,.post-body li{font-size:1.09rem;line-height:1.75;color:#2c261f}
.post-body p{margin:0 0 18px}
.post-body h2{font-size:1.7rem;margin:38px 0 14px}
.post-body h3{font-size:1.28rem;margin:28px 0 10px}
.post-body ul,.post-body ol{margin:0 0 18px;padding-left:22px}
.post-body li{margin-bottom:8px}
.post-body a{color:var(--orange-text);text-decoration:underline}
.post-body strong{color:var(--ink)}
.post-body blockquote{margin:24px 0;padding:14px 22px;border-left:4px solid var(--orange);background:var(--cream);border-radius:0 12px 12px 0;font-size:1.12rem}
.post-body img{max-width:100%;height:auto;border-radius:12px;margin:18px 0}

/* CTA in-articolo */
.post-cta{background:var(--cream)}
.post-cta .box{background:var(--ink);color:#fff;border-radius:20px;padding:40px 34px;text-align:center;max-width:760px;margin:0 auto}
.post-cta h2{color:#fff;font-size:1.7rem}
.post-cta p{color:#d9cdbd;max-width:520px;margin:12px auto 22px}

/* Articoli correlati */
.bl-rel{padding-top:8px}
.bl-rel h2{text-align:center;margin-bottom:8px}

/* Box autore (articoli firmati, es. Tommaso M. Cernuschi) */
.author-box{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:40px}
.author-box .ab-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 auto;background:var(--ink)}
.author-box .ab-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-text)}
.author-box .ab-name{font-size:1.15rem;margin:2px 0 6px;text-transform:none;letter-spacing:0;color:var(--ink)}
.author-box .ab-bio{font-size:.92rem;color:var(--grey);line-height:1.6;margin:0}
.author-box .ab-bio a{color:var(--orange-text);font-weight:600;text-decoration:none}
@media(max-width:560px){.author-box{flex-direction:column;text-align:center}}
/* Box "ponte" dentro gli articoli fiscali: dal problema fiscale che il lettore ha ADESSO alla pagina
   funzionalita' pertinente. Mai la CTA demo: chi cerca "come annullare uno scontrino" non sta comprando
   un gestionale. Volutamente distinto dal testo, cosi' non si legge come parte della procedura. */
.fx-box{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:14px;padding:26px 28px;margin:38px 0}
.fx-box h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.2rem;line-height:1.3;color:var(--ink);margin:0 0 10px;text-transform:none;letter-spacing:0}
.fx-box p{color:var(--grey);margin:0}
.fx-box .fx-cta{margin-top:16px}
.fx-box .fx-cta a{display:inline-block;font-weight:700;color:var(--orange-text);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .18s}
.fx-box .fx-cta a:hover{border-bottom-color:var(--orange-d)}
@media(max-width:520px){.fx-box{padding:22px 20px;margin:30px 0}}

/* Ponte commerciale in coda all'articolo (inc/blog-money-links.php per i non-fiscali,
   single.php per i fiscali). Prima era scritto in inline style dentro single.php: spostato
   qui quando il box e' diventato di due tipi, cosi' restano identici senza duplicare regole. */
.fx-related{margin-top:34px;padding:22px 26px;background:var(--cream);border:1px solid var(--line);border-radius:14px}
.fx-related .fxr-h{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;font-size:.92rem;letter-spacing:.02em;margin:0 0 8px;color:var(--ink)}
.fx-related .fxr-t{margin:0 0 14px;color:var(--grey)}
.fx-related .fxr-l{margin:0;font-weight:700;line-height:2}
@media(max-width:520px){.fx-related{padding:20px;margin-top:28px}.fx-related .fxr-l{line-height:2.1}}