/* Piccoli adattamenti dei moduli nativi. Tipografia e colori delle schede sono preset Divi. */
.filo-archive-head .filo-archive-eyebrow {margin-bottom:16px!important;letter-spacing:.1em}
.filo-archive-head .filo-demo-note {margin-top:20px!important;opacity:.7}
/* Review estetica 2026-09-06: gli spazi tra H1/filtri e tra contatore/griglia
   erano vuoto puro, non gerarchia — stretti qui via CSS invece di rigenerare i
   template (il padding di sezione è uguale per top e bottom nel generatore). */
.filo-archive-results {padding-top:var(--gvid-27ca9d60-cdd0-5db7-a4ee-4d360fab4475)!important}
.filo-archive-results .filo-archive-filters {margin-bottom:24px!important}
.filo-archive-filters .et_pb_post_filter__controls {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;align-items:end}
.filo-archive-filters .filo-filter-item {margin:0!important;width:auto!important;min-width:0}
/* Il tipo per la label non è esposto per singolo Post Filter Item in Divi 5.11.1
   (provato via attributo nativo: nessun effetto) — qui si riusa la stessa variabile
   globale del titolo (Fraunces), non un font scritto a mano. */
.filo-archive-filters .et_pb_post_filter__item-label {display:block;font-family:var(--gvid-013c3f59-353b-59ed-9ca6-fcf1b6724dfd);color:var(--gcid-3366c1aa-3934-562d-bafc-021311cf2315);font-size:15px;font-weight:400;margin-bottom:10px}
/* Sfondo bianco (2026-09-06, stessa superficie delle schede) e nessuna
   evidenziazione (né fucsia né nera) su focus/selezione: il bordo resta
   sempre quello neutro (linee), invariato in ogni stato — scelta esplicita
   di Lucia, niente indicatore di focus visivo qui. */
.filo-archive-filters select.et_pb_post_filter__item-control {background:var(--gcid-filo-bianco-scheda)!important;border:1px solid var(--gcid-7b546d89-1ee8-5ed8-8ff8-29e328933c48)!important;min-height:48px;padding:12px!important;border-radius:0}
.filo-archive-filters select.et_pb_post_filter__item-control:focus,.filo-archive-filters select.et_pb_post_filter__item-control:focus-visible {outline:none!important;border-color:var(--gcid-7b546d89-1ee8-5ed8-8ff8-29e328933c48)!important}
.filo-active-filters {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.filo-active-filters:empty {display:none}
.filo-chip {display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;color:#fff;background:var(--gcid-3366c1aa-3934-562d-bafc-021311cf2315);border:1px solid var(--gcid-3366c1aa-3934-562d-bafc-021311cf2315);border-radius:24px;padding:6px 14px;cursor:pointer}
.filo-chip:hover {background:var(--gcid-b152b4f2-0d74-54c7-a64a-11b8e78b5ae7);border-color:var(--gcid-b152b4f2-0d74-54c7-a64a-11b8e78b5ae7);color:#fff}
.filo-chip:focus-visible {outline:2px solid var(--gcid-3366c1aa-3934-562d-bafc-021311cf2315);outline-offset:3px}
/* Più vicino ai campi filtro (2026-09-06): il gap di riga della griglia (24px,
   pensato per la distanza tra i campi veri, con label+select) è troppo per un
   link di solo testo — lo si compensa con un margine negativo mirato. */
.filo-filter-reset {grid-column:1/-1;justify-self:start;margin-top:-12px!important}
.filo-filter-reset button {font:inherit!important;color:var(--gcid-3366c1aa-3934-562d-bafc-021311cf2315)!important;font-size:13px!important;padding:0!important;min-height:44px;border:0!important;background:transparent!important;text-decoration:underline}
.filo-filter-reset button::after,.filo-filter-reset button .et-pb-icon {display:none!important}
.filo-archive-grid.et_pb_group {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important}
.filo-archive-grid > .filo-article-card {min-width:0;height:100%;display:flex;flex-direction:column;gap:0!important;margin:0!important}
.filo-article-card .filo-card-eyebrow {text-transform:uppercase;letter-spacing:.035em;margin-bottom:12px!important}
/* Il blu è il colore del tag-tema nell'occhiello ("Numero | Tema") — un modulo
   Text di Divi ha una sola tipografia per tutto il contenuto, non può colorare
   diversamente due pezzi dello stesso testo dinamico: da qui lo <span> dedicato.
   Esadecimale diretto (non var(--gcid-...)): il colore Global "Filo · Blu" esiste
   davvero nel DB (creato via script WP-CLI, non dal builder), ma Divi emette la
   sua custom property CSS solo per i colori che riconosce "in uso" da un vero
   attributo di un modulo — mai per un colore referenziato solo da CSS esterno.
   Verificato dal vivo: nessun --gcid-36135c9b-... in nessuna pagina del sito.
   Stesso tipo di bug già incontrato con la variabile font "lettura". Se il valore
   di "Filo · Blu" cambia in Divi Global Colors, va aggiornato anche qui a mano.
   Aggiornato il 2026-09-06 al blu definitivo del logo vero (#10069F, era #000094). */
.filo-card-tema {color:#10069F}
/* Gli argomenti sono ora cliccabili (link_to_term_page nativo): senza questa
   riga erediterebbero il rosa impostato come colore link dell'intero modulo
   Text dell'occhiello, invece di restare blu come il resto dello <span>. */
.filo-card-tema a {color:inherit}
.filo-article-card .filo-card-excerpt {margin-top:20px!important;margin-bottom:24px!important}
.filo-article-card .filo-card-byline {margin-top:auto!important;width:100%}
.filo-card-byline .et_pb_text_inner p {display:flex;align-items:center;gap:4px}
/* Il nome autore è già un link nativo (dynamic content → author archive di Divi);
   qui lo si distingue solo visivamente, senza toccarne il markup. */
.filo-card-byline a:not(.filo-card-arrow) {font-family:var(--gvid-013c3f59-353b-59ed-9ca6-fcf1b6724dfd);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#D8D6D2}
.filo-card-byline a:not(.filo-card-arrow):hover {text-decoration-color:currentColor}
.filo-card-byline .filo-card-arrow {order:2;margin-left:auto;font-size:26px;line-height:44px;min-width:44px;text-align:right;display:inline-block;transition:transform 180ms}
/* La data (solo Blog/Forum) sta sulla stessa riga dell'autore su desktop (order la
   mette prima della freccia, indipendentemente dall'ordine nel markup); sotto i 980px
   passa su una riga a sé, mantenendo autore e freccia insieme sulla prima. */
.filo-card-byline .filo-card-date {order:1;color:#666;font-size:.9em}
.filo-card-byline .filo-card-date::before {content:'· '}
@media(max-width:980px){
    .filo-card-byline .et_pb_text_inner p {flex-wrap:wrap}
    .filo-card-byline .filo-card-arrow {order:1}
    .filo-card-byline .filo-card-date {order:2;flex-basis:100%;margin-top:4px}
    .filo-card-byline .filo-card-date::before {content:''}
}
.filo-article-card:hover .filo-card-arrow {transform:translate(3px,-3px)}
/* Ombra leggera all'hover ("sollevamento" della scheda) — review estetica del
   2026-09-06. La transizione del background-color arriva già dal preset Divi
   (module.decoration.transition); qui la si riscrive per intero includendo anche
   box-shadow, altrimenti lo scatto sarebbe brusco solo per l'ombra. */
.filo-article-card {transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.filo-article-card:hover {box-shadow:0 4px 16px rgba(17,17,22,.06);transform:translateY(-3px)}
/* Il titolo è un modulo Titolo separato dentro la scheda-Gruppo: Divi applica lo
   stato hover solo agli attributi dello stesso modulo, non a un modulo figlio
   diverso — da qui questa riga di CSS (stesso limite già incontrato per il blu
   del tag-tema). filo-card-title è la classe messa sul modulo in genera.py; qui
   sotto anche h2/.et_pb_module_header come fallback per le schede già pubblicate
   prima di questa modifica (2026-09-06), finché non vengono rigenerate.
   Verificato dal vivo (2026-09-06) che Divi genera per il preset del titolo una
   regola tipo ".preset--module--divi-heading--<id> .et_pb_heading_container h2
   {color:...!important}" — 2 classi + 1 elemento, caricata DOPO archive.css nel
   documento: a parità di !important vince la specificità, non l'ordine, quindi
   serve una selettore con specificità sicuramente più alta (non solo pari) —
   "body" ripetuto per aggiungere un elemento in più oltre alle 2 classi. */
body .filo-article-card:hover .et_pb_heading_container h1,
body .filo-article-card:hover .et_pb_heading_container h2,
body .filo-article-card:hover .et_pb_heading_container h3,
body .filo-article-card:hover .filo-card-title,
body .filo-article-card:hover .et_pb_module_header,
body .filo-article-card:hover .et_pb_module_header a {color:var(--gcid-b152b4f2-0d74-54c7-a64a-11b8e78b5ae7)!important}
.filo-article-card a {color:inherit}
.filo-article-card a:focus-visible {outline:2px solid var(--gcid-3366c1aa-3934-562d-bafc-021311cf2315);outline-offset:4px}
.filo-archive-status {margin:0 0 12px;font-size:13px;min-height:24px}
.filo-archive-status:empty {display:none;margin:0;min-height:0}
@media(max-width:980px){.filo-archive-grid.et_pb_group {grid-template-columns:repeat(2,minmax(0,1fr))}.filo-archive-filters .et_pb_post_filter__controls {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.filo-archive-filters .et_pb_post_filter__controls,.filo-archive-grid.et_pb_group {grid-template-columns:minmax(0,1fr)}.filo-archive-head .filo-archive-intro {font-size:21px}}
.filo-archive-grid .et_pb_loop_no_results {grid-column:1/-1}
/* Colori, font, bordo e spaziatura appartengono al preset Divi
   "Filo · Paginazione archivi". Qui resta solo l'indicatore da tastiera. */
.filo-archive-pagination a:focus-visible {
    outline:2px solid var(--gcid-3366c1aa-3934-562d-bafc-021311cf2315);
    outline-offset:3px;
}