/**
 * TGM · Card articolo stile 2016 (blackmag) — v2.19
 * Date-box (riquadro data) a sinistra del titolo + zoccolo autore in fondo.
 * Rosso di brand: var(--tgm-red) (#C1272D, v2.52 — non più il #CE0000 originale). Font Oswald (dal tema).
 * Applicato solo su home/archivi (dove Kadence ha la sidebar e il padding
 * di .entry-content-wrap = .8em/.85em, impostato dal modulo sidebar-2016 v2.11).
 */

/* --- Riquadro data (float a sinistra del titolo) --- */
.loop-entry .entry-header { overflow: hidden; } /* contiene il float del date-box */

.tgm-card-datebox {
    float: left;
    box-sizing: border-box;
    background: #000;
    /* Padding verticale ridotto (2px) per tenere il box entro ~2 righe di titolo.
       Misurato dal vivo: il box parte ~4px SOTTO la prima riga del titolo, quindi
       un'altezza >61px fa cadere la 3ª riga (top a 67px dalla riga 1) nell'ingombro
       del float e la indenta (BUG 2). Con questo padding l'altezza naturale è ~57px
       (day 40 + month 11 + padding): righe 1-2 accanto al box, dalla 3ª a piena
       larghezza sotto. Range utile misurato: 52–61px; forzare 67.2px catturava la 3ª. */
    padding: 2px 8px;
    margin: 0 12px 6px 0;
    text-align: center;
    line-height: 1;
}
.tgm-card-datebox .tgm-db-day {
    display: block;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    color: var(--tgm-red);
}
.tgm-card-datebox .tgm-db-month {
    display: block;
    margin-top: 2px;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* --- Zoccolo autore (striscia nera a tutta larghezza, in fondo alla card) ---
   v2.22: altezza 1.5x (richiesta). Scalati proporzionalmente padding/gap/avatar/
   font-size sia qui che nel blocco responsive sotto; letter-spacing resta in "em"
   quindi segue automaticamente il font-size senza bisogno di modifiche. */
.tgm-card-author {
    clear: both;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #000;
    color: #fff;
    padding: 9px 12px;
    /* full-width: annulla il padding orizzontale/inferiore di .entry-content-wrap (v2.11).
       margin-top:auto ancora lo zoccolo in fondo al box (catena flex più sotto). */
    margin: auto -.8em -.85em -.8em;
}
.tgm-card-author .tgm-ca-avatar,
.tgm-card-author .tgm-ca-avatar img,
.tgm-card-author .avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    flex: 0 0 auto;
    display: block;
    margin: 0;
}
.tgm-card-author .tgm-ca-name {
    min-width: 0;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    /* v2.23: via di mezzo tra 11.5px (v2.21) e 17.25px (v2.22) = 14.375px. */
    font-size: 14.375px;
    letter-spacing: .06em;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Footer sempre in fondo al rettangolo del box: catena flex a piena altezza
   (layout "immagine sopra" di home/archivi). Le card in una riga hanno uguale
   altezza; lo zoccolo resta ancorato in basso a prescindere dalla lunghezza
   dell'excerpt / dalla posizione del "leggi di più". */
.item-image-style-above .entry-list-item { display: flex; }
.item-image-style-above .entry-list-item > .loop-entry { display: flex; flex-direction: column; flex: 1 1 auto; }
/* Il content-wrap resta block per Kadence (misurato): lo forziamo a colonna flex
   con !important così il margin-top:auto dello zoccolo diventa efficace (BUG 1).
   È già alto quanto la card (flex:1), quindi lo spazio libero va sopra lo zoccolo. */
.loop-entry .entry-content-wrap {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: flex-start;
}
.loop-entry .entry-content-wrap::after { content: none; } /* niente flex-item vuoto dal clearfix */

/* Categoria ora sotto il titolo (spostata via hook): piccolo stacco */
.loop-entry .entry-taxonomies { margin-top: .4em; }

/* --- Responsive: mobile (testato a 390px) --- */
@media (max-width: 600px) {
    .tgm-card-datebox .tgm-db-day { font-size: 32px; }
    .tgm-card-datebox { padding: 3px 7px; margin-right: 10px; }
    .tgm-card-author { padding: 7.5px 10.5px; gap: 9px; }
    .tgm-card-author .tgm-ca-avatar,
    .tgm-card-author .tgm-ca-avatar img,
    .tgm-card-author .avatar { width: 39px; height: 39px; }
    /* v2.23: stessa via di mezzo, scalata: tra 10.5px (v2.21) e 15.75px (v2.22) = 13.125px. */
    .tgm-card-author .tgm-ca-name { font-size: 13.125px; letter-spacing: .03em; }
}