/* ==========================================================================
   CUSTOM FONDAZIONE -
   ==========================================================================


/* ========================================
   SOCIAL MENU  
   ======================================= */
.top-social-bar {
    background-color: #af0d24 !important;
    display: block !important;
    width: 100% !important;
    padding: 8px 0 !important;
    clear: both !important;
    position: relative !important;
    z-index: 9999 !important;
}

.top-social-bar .wrap {
    max-width: 1200px;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.top-social-bar nav.social-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: row !important;
}

.top-social-bar nav.social-navigation li {
    margin-left: 15px !important;
}

.top-social-bar nav.social-navigation a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: sans-serif !important;
    font-size: 14px !important;
}

.top-social-bar ul.menu li a:hover {
    opacity: 0.7;
}

/* Responsive: Forza la centratura sui cellulari */
@media only screen and (max-width: 800px) {
    .top-social-bar .wrap {
        display: flex !important;
        justify-content: center !important; /* Centra il contenitore */
    }

    .top-social-bar .social-navigation ul {
        display: flex !important;
        justify-content: center !important; /* Centra la lista icone */
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .top-social-bar .social-navigation li {
        margin: 0 10px !important; /* Spazio uguale a destra e sinistra */
        float: none !important; /* Rimuove eventuali float residui */
        display: inline-block !important;
    }
}

/* ===================================
   MENU NAVIGAZIONE  
   =================================== */
/* Colore dei link del menu principale */
.nav-primary .genesis-nav-menu a {
    color: #333333 !important; /* Grigio molto scuro */
    font-size: 15px !important;
    font-weight: 600 !important; /* Un po' più marcato */
    letter-spacing: 1px;
    text-transform: none !important;
}

/* Effetto al passaggio del mouse (Hover) */
.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a {
    color: #af0d24 !important; 
}

.nav-primary .genesis-nav-menu .current-menu-item > a {
    border-bottom: 2px solid #af0d24;
}

/* Sfondo e bordo del sottomenu */
.nav-primary .genesis-nav-menu .sub-menu {
    border-top: 3px solid #af0d24 !important; /* Linea rossa in alto al sottomenu */
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Ombra leggera per dare profondità */
}

/* Link dentro il sottomenu */
.nav-primary .genesis-nav-menu .sub-menu a {
    color: #555 !important;
    font-size: 14px !important;
    text-transform: none; /* Testo normale, non tutto maiuscolo */
    padding: 12px 20px !important;
}

/* Hover nel sottomenu */
.nav-primary .genesis-nav-menu .sub-menu a:hover {
    background-color: #f9f9f9 !important;
    color: #af0d24 !important;
}
/* Button featured*/
.wp-block-genesis-blocks-gb-column{
	padding-bottom: 40px !important;
}

/* =========================
   STILE BLOCCO ULTIMI ARTICOLI   
   ========================== */
/* Titoli degli articoli */
.wp-block-latest-posts__post-title {
    font-family: 'Playfair Display', serif; /* O un font simile se disponibile */
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    margin-bottom: 10px !important;
    display: block;
}

.wp-block-latest-posts__post-title a,
ul.wp-block-latest-posts li a,
.wp-block-latest-posts.is-grid li a {
    color: #af0d24 !important; /* Il tuo rosso Fondazione */
    text-decoration: none !important; /* Toglie la sottolineatura di default */
    border-bottom: none !important; /* Alcuni temi usano un bordo invece della sottolineatura */
    box-shadow: none !important; /* Rimuove eventuali ombreggiature/linee di Genesis */
}

.wp-block-latest-posts__post-title a:hover,
ul.wp-block-latest-posts li a:hover {
    color: #333333 !important; /* Diventa grigio scuro al passaggio */

}

/* Metadata (Data e Autore) - Piccoli e puliti */
.wp-block-latest-posts__post-date {
    display: block;
    font-size: 13px !important;
    color: #999 !important;
    margin-top: 5px;
    text-decoration: none !important;
}

/* Estratto del testo */
.wp-block-latest-posts__post-excerpt {
    font-size: 16px !important;
    line-height: 1.6;
    color: #444 !important;
}

/* Link "Leggi tutto" (se presente nell'estratto) */
.wp-block-latest-posts__post-excerpt a {
    color: #af0d24 !important;
    font-weight: 600;
}

/* Separazione tra gli articoli in griglia */
ul.wp-block-latest-posts.is-grid li {
    margin-bottom: 40px !important;
    padding-right: 20px;
    border-left: 1px solid #eee; /* Una sottile linea divisoria laterale */
    padding-left: 20px;
}
/* Ottimizzazione per la griglia a due colonne */
ul.wp-block-latest-posts.is-grid li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
ul.wp-block-latest-posts.is-grid li {
    padding-right: 25px !important; /* Spazio laterale tra le colonne */
    margin-bottom: 50px !important; /* Spazio verticale tra le righe */
}
/* =========================
   IMMAGINI ULTIMI ARTICOLI   
   ========================== */
/* --- STILE UNIFICATO IMMAGINI ULTIMI ARTICOLI --- */

.wp-block-latest-posts__featured-image {
    display: block !important;
    width: 100% !important;
    margin-bottom: 18px !important;
    overflow: hidden;
    background-color: #f9f9f9; /* Sfondo neutro se l'immagine carica lentamente */
}

.wp-block-latest-posts__featured-image img {
    width: 100% !important;
    /* ALTEZZA: 320px è il compromesso ideale per non tagliare troppo le copertine dei libri */
    height: 320px !important; 
    
    /* TAGLIO E POSIZIONE */
    object-fit: cover !important; 
    object-position: center top !important; /* Fondamentale per i libri: dPriority alla parte alta (titolo/autore) */
    
    /* ESTETICA */
    border: 1px solid #eee;
    border-radius: 2px;
    transition: transform 0.4s ease-in-out;
    display: block;
    margin: 0 auto !important;
}

/* Effetto Zoom al passaggio del mouse sul contenitore dell'articolo */
.wp-block-latest-posts__featured-image:hover img {
    transform: scale(1.03);
}

/* OTTIMIZZAZIONE GRIGLIA: Forza l'allineamento dei testi sotto le immagini */
.wp-block-latest-posts.is-grid li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin-bottom: 30px !important;
}

/* --- SEZIONE NAVIGAZIONE ARTICOLI (Precedente/Successivo) --- */
.adjacent-entry-pagination {
    border-top: 1px solid #eee;
    padding: 20px 0;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.adjacent-entry-pagination a {
    color: #af0d24 !important; /* Rosso Fondazione */
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}

/* --- ARTICOLI CORRELATI E DELLO STESSO AUTORE --- */
.related-posts, 
.author-posts {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid #f4f4f4;
}

/* Titoli delle sezioni (es. "Articoli correlati") */
.related-posts h3, 
.author-posts h3 {
    font-size: 22px !important;
    color: #333;
    margin-bottom: 25px !important;
    text-transform: none;
}

/* Griglia dei correlati (per farli sembrare piccole schede) */
.related-posts .related-post-item {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.related-posts .related-post-item:hover {
    border-color: #af0d24;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.related-posts img {
    border-radius: 2px;
    margin-bottom: 10px;
    height: 120px !important; /* Uniforma le miniature */
    object-fit: cover;
}

/* Titoli dei correlati */
.related-post-title {
    font-size: 15px !important;
    line-height: 1.3;
    color: #af0d24 !important;
}

/* --- STILE BOX AUTORE --- */
.author-box {
    background-color: #fcfcfc !important;
    border: 1px solid #e0e0e0 !important;
    padding: 30px !important;
    margin: 40px 0 !important;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.author-box-title {
    color: #af0d24 !important; /* Rosso Fondazione */
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

.author-box img {
    border-radius: 50%; /* Foto tonda */
    margin-right: 20px;
    border: 2px solid #af0d24;
}

/* --- GRIGLIA ARTICOLI CORRELATI --- */
.related-posts-section {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.related-title {
    font-size: 24px !important;
    color: #333;
    margin-bottom: 25px !important;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonne */
    gap: 20px;
}

.related-card {
    background: #fff;
}

.related-card h4 {
    font-size: 16px !important;
    line-height: 1.4;
    margin-top: 10px !important;
}

.related-card h4 a {
    color: #af0d24 !important; /* Il tuo rosso */
    text-decoration: none !important;
}

.related-thumb img {
    width: 100%;
    height: 150px;
    object-fit: cover; /* Taglia le immagini per farle tutte uguali */
    border-radius: 4px;
}

/* Mobile: 1 sola colonna */
@media (max-width: 600px) {
    .related-grid {
        grid-template-columns: 1fr;
    }
}

/* --- FIX STRUTTURA SIDEBAR GENESIS --- */

/* Forza il contenitore a dividersi in due colonne */
.single-post .content-sidebar-wrap {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px; /* O la larghezza del tuo sito */
    margin: 0 auto;
    padding: 20px;
}

/* Colonna Articolo (Sinistra) */
.single-post main.content {
    width: 68% !important; /* Spazio per l'articolo */
    float: none !important; /* Rimuove vecchi float fastidiosi */
    margin: 0 !important;
}

/* --- SIDEBAR STICKY (FISSA ALLO SCROLL) --- */
.single-post aside.sidebar-primary {
    width: 28% !important;
    float: none !important;
    margin: 0 !important;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 4px;

    /* Aggiungi queste due righe qui sotto */
    position: -webkit-sticky; /* Per compatibilità Safari */
    position: sticky;
    top: 40px; /* Distanza dal bordo superiore della finestra quando scorri */
    align-self: flex-start; /* Necessario con display: flex nel genitore */
}
/* Titoli dei Widget nella Sidebar */
.sidebar h3.widget-title {
    color: #af0d24 !important; /* Rosso Fondazione */
    font-size: 18px !important;
    text-transform: uppercase;
    border-bottom: 2px solid #af0d24;
    padding-bottom: 10px;
    margin-bottom: 20px !important;
}

/* Correzione per Mobile */
@media (max-width: 1024px) {
    .single-post main.content,
    .single-post aside.sidebar-primary {
        width: 100% !important;
        padding: 10px;
    }
}

h1.single-entry-title {
    font-size: 45px;
    font-weight: 600;
}

.pag-title {
    font-size: 11px;
    text-transform: uppercase;
}
.pag-link a{
    font-size: 15px;
    color: #cf2e2e;
}
.pag-link a:hover{
    color: #222;
}
@media only screen and (min-width: 960px) {
    .nav-custom .genesis-nav-menu a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ==========================================================================
   STILE SIDEBAR - LISTA ARTICOLI (ISPIRAZIONE DUE.PNG)
   ========================================================================== */

/* 1. Contenitore della lista */
.sidebar .widget_recent_entries ul {
    padding: 0 !important;
    list-style: none !important;
}

/* 2. Singolo elemento della lista */
.sidebar .widget_recent_entries li {
    margin-bottom: 25px !important; /* Spazio tra un articolo e l'altro */
    border: none !important;
    padding: 0 !important;
    line-height: 1.3;
}

/* 3. Stile del Titolo */
.sidebar .widget_recent_entries li a {
    display: block !important;
    
    font-size: 18px !important;
    color: #1a1a1a !important; /* Nero quasi totale per il titolo */
    text-decoration: none !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    transition: color 0.2s ease;
}

.sidebar .widget_recent_entries li a:hover {
    color: #af0d24 !important; /* Rosso solo al passaggio del mouse */
}

/* 4. Stile della Data e Autore (Meta) */
.sidebar .widget_recent_entries .post-date {
    display: block !important;
    font-size: 13px !important;
    color: #999999 !important; /* Grigio chiaro per non distrarre */
    text-transform: none !important;
    font-weight: 400 !important;
}

/* Se vuoi aggiungere l'effetto "Autore" come in due.png 
   Nota: il widget standard di WP spesso non mostra l'autore. 
   Se usi un blocco "Ultimi articoli" nella sidebar, usa questo: */
.sidebar .wp-block-latest-posts__post-author,
.sidebar .wp-block-latest-posts__post-date {
    display: inline-block !important;
    margin-right: 10px;
    font-size: 13px !important;
    color: #aaaaaa !important;
}

/* --- STILE META-DATI ARTICOLO (POST INFO) --- */

.entry-meta {
    font-size: 14px !important;      /* Più piccolo rispetto al titolo */
    color: #999999 !important;       /* Grigio discreto */
    margin-bottom: 20px !important;  /* Spazio dall'immagine sotto */
    font-family: 'Montserrat', sans-serif; /* O il tuo font secondario */
    text-transform: none !important;
}

/* Colore del link dell'autore */
.entry-meta a {
    color: #af0d24 !important;       /* Rosso Fondazione per l'autore */
    text-decoration: none !important;
    font-weight: 500;
}

.entry-meta a:hover {
    text-decoration: underline !important;
}

/* =============================================================
   QUERY LOOP - LAYOUT GRIGLIA E CARD
   ============================================================= */

/* Forza la griglia a 2 colonne */
.wp-block-post-template {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Stile della singola card */
.wp-block-post {
    display: flex !important;
    flex-direction: column !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

/* Immagine in evidenza */
.wp-block-post-featured-image img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    border-radius: 4px;
}

/* Titolo dell'articolo */
.wp-block-post-title {
    font-size: 28px !important;
    margin-top: 15px !important;
    font-weight: 600 !important;
}

/* =============================================================
   META-DATI (DATA, AUTORE, CATEGORIE) - ALLINEAMENTO E STILE
   ============================================================= */

/* Contenitore flessibile per i meta-dati */
.wp-block-group.is-layout-flex {
    display: flex !important;
    align-items: baseline !important;
    gap: 5 px !important;
    margin-bottom: 15px !important;
}

/* Regole comuni per tutti i testi dei meta-dati */
.wp-block-post-date, 
.wp-block-post-author, 
.wp-block-post-author a,
.wp-block-post-terms,
.wp-block-post-terms a {
    display: inline-block !important;
    font-size: 13px !important;
    color: #666666 !important; /* Grigio scuro leggibile */
    text-decoration: none !important;
    text-transform: none !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* Rimuove blocchi o "gradini" nell'autore */
.wp-block-post-author__content,
.wp-block-post-author__name {
    display: inline !important;
    vertical-align: baseline !important;
}

/* Hover sui link (Autore e Categorie) */
.wp-block-post-author a:hover, 
.wp-block-post-terms a:hover {
    color: #af0d24 !important; /* Rosso Fondazione */
    transition: color 0.2s ease;
}
/* =============================================================
   SEPARATORI (::AFTER)
   ============================================================= */

/* Separatore dopo la DATA */
.wp-block-post-date::after {
    content: "|";
    margin-left: 10px;
    margin-right: 5px;
    color: #ccc;
}

/* Separatore  */
.wp-block-post-author::before {
    content: "di";
    margin-left: 5px;
    margin-right: 5px;
    color: #666;
}
/* ==========================================================================
   TAG CLOUD - STILE DINAMICO (GRIGIO -> ROSSO)
   ========================================================================== */

/* 1. Rimuove il sottolineato e imposta il colore base grigio */
.tagcloud a.tag-cloud-link {
    color: #777777 !important;       /* Grigio neutro */
    text-decoration: none !important; /* Rimuove sottolineatura */
    transition: color 0.2s ease;      /* Transizione morbida */
    margin-right: 8px;                /* Spazio tra i tag */
    display: inline-block;
}

/* 2. Effetto al passaggio del mouse (Rosso) */
.tagcloud a.tag-cloud-link:hover {
    color: #af0d24 !important;       /* Rosso Fondazione */
    text-decoration: none !important; /* Mantiene pulito anche in hover */
}

/* 3. Se vuoi che i tag siano leggermente più eleganti (opzionale) */
.tagcloud {
    line-height: 1.2;
    text-align: justify;
}

/* Trasforma il link "Pagina successiva" in un pulsante rosso */
.wp-block-query-pagination-next-page {
    background-color: #af0d24 !important; /* Rosso Fondazione */
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: background 0.3s ease !important;
}

.wp-block-query-pagination-next-page:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Rendi i tag orizzontali e distribuiti */
.tagcloud {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
}

.tagcloud a {
    display: inline-block !important;
    white-space: nowrap !important;
}

/* =============================================================
   STILE BOTTONE "LEGGI TUTTO"
   ============================================================= */

/* Trasforma il link semplice in un blocco bottone */
.wp-block-post-excerpt__more-link {
    display: inline-block !important;
    background-color: #af0d24 !important; /* Rosso Fondazione */
    color: #ffffff !important;            /* Testo bianco */
    padding: 8px 20px !important;         /* Spessore del bottone */
    border-radius: 25px !important;       /* Arrotondamento */
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important; /* Animazione fluida per l'hover */
    margin-top: 15px !important;          /* Distanza dal riassunto */
    border: 2px solid #af0d24 !important; /* Bordo dello stesso colore */
}

/* Effetto Hover (Colori Invertiti) */
.wp-block-post-excerpt__more-link:hover {
    background-color: transparent !important; /* Sfondo sparisce */
    color: #af0d24 !important;                /* Testo diventa rosso */
    border-color: #af0d24 !important;         /* Resta il bordo rosso */
    cursor: pointer;
}

/* =============================================================
   STILE ENTRY FOOTER
   ============================================================= */
/* Allinea titolo e link sulla stessa riga */
.entry-footer-cat, 
.entry-footer-tag {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; 
    margin-bottom: 10px; 
}
/* Effetto Hover */
.entry-footer-cat a:hover, 
.entry-footer-tag a:hover {
    background-color: #f5f5f5;
    border-color: #bbb;
    color:  #af0d24;
}
.entry-tags-title {
      background-color: #af0d24;
    color: #fff;
    padding: 5px 10px;
}
/* Stile per i link (i nomi effettivi delle categorie/tag) */
.entry-categories a, 
.entry-tags a {
    display: inline-block;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 5px 12px;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}
/* Effetto Hover sui link */
.entry-categories a:hover, 
.entry-tags a:hover {
    background-color: #f5f5f5;
    border-color: #bbb;
}
/* Effetto Hover su autore */
.entry-meta .entry-author a:hover {
    text-decoration: none !important;
    color: #555555 !important;
}

/* =============================================================
   STILE FOOTER
   ============================================================= */

/* Colore e struttura della fascia */
.site-footer {
    background-color: #af0d24 !important; /* Rosso Fondazione */
    color: #ffffff !important;
    padding: 20px 0 !important;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}
/* Stile per i paragrafi interni */
.footer-info p {
    margin-bottom: 5px !important;
    color: #ffffff !important;
}
/* Rendi i credits leggermente più piccoli */
.footer-info .credits {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 10px;
}
/* Colore link nel footer */
.site-footer a {
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease-in-out;
}
/* Effetto hover sui link del footer */
.site-footer a:hover {
    color: #cccccc !important;
    border-bottom-color: #cccccc;
    text-decoration: none !important;
}
/* Separatore visivo tra i crediti */
.footer-info .credits a {
    margin-left: 5px;
    font-weight: bold;
}
/* Forza la colonna Footer 1 a occupare tutta la larghezza */
.footer-widgets .footer-widgets-1 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Nasconde le altre colonne se sono vuote per evitare spazi bianchi */
.footer-widgets .footer-widgets-2,
.footer-widgets .footer-widgets-3 {
    display: none !important;
}

/* =============================================================
   BUTTON MOSTRA ANCORA
   ============================================================= */

/* Trasforma il link "Mostra ancora" in un bottone a pillola */
a.more-link, 
.load-more-link a, /* Selettore comune per plugin di caricamento */
a[href*="query-66-page"] { 
    display: inline-block;
    background-color: #af0d24 !important; /* Il rosso dei tuoi bottoni */
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 50px; /* Effetto pillola */
    text-decoration: none !important;
    font-weight: bold;
    text-transform: none;
    transition: background-color 0.3s ease;
    margin-top: 20px;
}

/* Effetto al passaggio del mouse (hover) */
a.more-link:hover, 
a[href*="query-66-page"]:hover {
    background-color: #8c141c !important; /* Un rosso leggermente più scuro */
    color: #fff !important;
}

/*  Regola il bottone per una larghezza più armoniosa */
a[href*="query-66-page"] {
    display: inline-block !important;
    min-width: 200px; /* Ridotto per non farlo sembrare troppo imponente */
    max-width: 200px; /* Impedisce che si allarghi troppo su schermi grandi */
    padding: 12px 30px !important; /* Leggermente più alto per bilanciare la larghezza */
    text-align: center;
}

/*  Aggiungi un po' di spazio extra sopra per staccarlo dagli articoli */
a[href*="query-66-page"] {
    margin-top: 50px !important; 
    margin-bottom: 20px !important;
}
/*  Centra il contenitore del link */
.paged-navigation, 
.archive-pagination,
div[id*="query-loop"] + a, /* Cerca il link immediatamente dopo il loop */
a[href*="query-66-page"] {
    display: block !important;
    text-align: center !important;
    margin: 40px auto !important;
    clear: both !important; /* Fondamentale per scendere sotto le colonne float di Genesis */
    float: none !important;
    width: 100%;
}
/*  Regola il bottone stesso per non farlo diventare largo quanto tutta la pagina */
a[href*="query-66-page"] {
    display: inline-block !important; /* Mantiene la forma a pillola */
    min-width: 200px;
}

/* ========================================
   PAGINA ARCHIVI
   ======================================= */

/* Titolo dell'articolo negli archivi e ricerca */
.archive .entry-title, 
.category .entry-title, 
.search .entry-title {
    font-size: 26px;
    margin-bottom: 15px !important;
    min-height: 60px; 
}
.archive .entry-meta, 
.category .entry-meta, 
.search .entry-meta {
    font-size: 14px !important;
    margin-bottom: 15px !important;
}
.archive .entry,
.category .entry,
.search .entry {
    margin-bottom: 30px;
}
.archive .entry-content, 
.category .entry-content, 
.search .entry-content {
    font-size: 18px !important; 
    line-height: 1.6;
}


@media only screen and (max-width: 800px) {
    /* Forza il Query Loop a ignorare le colonne */
    .wp-block-post-template.is-layout-grid, 
    .wp-block-post-template.is-layout-flex {
        display: block !important; /* Disattiva la griglia */
        gap: 0 !important;
    }

    /* Ogni articolo nel loop occupa il 100% */
    .wp-block-post-template li,
    .wp-block-post-template .wp-block-post {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 50px 0 !important;
        list-style: none;
    }

    /* Sistema l'immagine dentro il Query Loop */
    .wp-block-post-featured-image, 
    .wp-block-post-content img {
        margin: 0 auto 15px !important;
        display: block !important;
        max-width: 300px !important; /* Per coerenza con Ex Ilva */
        height: auto !important;
    }
}