@charset "UTF-8";

/*
@copyright: CAFFEINAPURA Srls Unipersonale - All right reserved
Version: 2026.01 - 2026-06-09
Autore: Roberto Cheli

Pagina categoria del blog. Carica DOPO base.css + article-shell.css + cms-content.css.
Hero base (.section-hero*) in article-shell.css.
Qui solo: immagine generica di fallback + stato vuoto + override responsive cluster.
*/

/* ── Fallback B: categoria senza media propria → immagine generica fissa ──
   (Se la categoria ha un media, l'immagine è impostata inline dal widget.) */
.section-hero-bg--default{background-image:url("/assets/img/blog/categoria-hero-default.webp");}

/* ── Wrapper pagina categoria ── */
.cat-main{display:block;}
.cat-main .blog-grid{grid-template-columns:repeat(3,1fr);}

/* ── Stato vuoto (nessun articolo nella categoria) ── */
.blog-empty{text-align:center;padding:72px 24px;max-width:480px;margin:0 auto;}
.blog-empty i{font-size:2.4rem;color:var(--g200);margin-bottom:16px;display:block;}
.blog-empty p{font-size:.95rem;color:var(--t500);line-height:1.6;margin-bottom:20px;}

/* ── Override responsive (cluster grid + cta block compatti su mobile) ── */
@media(max-width:600px){
    .cluster-grid{grid-template-columns:1fr;}
    .cta-block{padding:24px 20px;}
    .blog-empty{padding:56px 20px;}
}