/*!
Theme Name: Livia e Irene Kadence Child
Template: kadence
Author: F. Buratti
Author URI: https://filippoburatti.net/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: liviaeirene
*/


/* ul list inline */

.list.list-inline {

}

.list-inline > li {
    /* Rimuove i margini predefiniti, usa un padding orizzontale come separatore */
    display: inline-block; 
    padding: 0; /* Spaziatura orizzontale leggera tra gli elementi */
    margin:0;
}

/* Spaziatura: applica 1rem a destra, eccetto l'ultimo elemento */
.list-inline > li:not(:last-child) {
    margin-right: 1rem; /* Spaziatura pulita e scalabile (circa 16px) */
}


/* HERO ARCHIVI */

.entry-hero-container-inner .entry-header {
    min-height:auto !important;
    padding: 1em 0 2em 0;
}


/* * -----------------------------------------------------
 * Blocco ACF TAssonomia avanzata
 * -----------------------------------------------------
 */
.custom-term-grid {
    display: grid;
    gap: 20px; /* Spazio tra le colonne e le righe */
    list-style: none; /* Rimuove i pallini della lista se presenti nel markup */
    padding: 0;
}

.custom-term-list-grid, 
.custom-term-list-inline {
    list-style: none; 
    padding: 0;
    /* Eredita l'allineamento del testo dal contenitore Gutenberg */
    text-align: inherit; 
}

.custom-term-list-grid .term-list-items,
.custom-term-list-inline .term-list-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Applica uno stile minimale e leggibile ai link */
.custom-term-list-grid .term-item a,
.custom-term-list-inline .term-item a {
    text-decoration: none;
    font-weight: 500; /* Leggermente grassetto, non 600 */
}

.block-editor-page .wp-block-acf-taxonomy-list-adv .term-item a {
    /* 1. Inibisce l'interazione del mouse (il click) */
    pointer-events: none !important;
    /* 2. Rimuove il cursore a mano per indicare che non è un link attivo */
    cursor: default !important;
}

/* --------------------------------------------------------------------------
 * LAYOUT: GRIGLIA (Stili Minimali)
 * -------------------------------------------------------------------------- */

.custom-term-list-grid {
    display: grid;
    gap: 1rem; /* Spazio tra gli elementi */
}
.custom-term-list-grid .term-list-items {
    display: contents; /* Permette alla griglia di posizionare direttamente i LI */
}

/* Definizione Colonne (come avevamo fatto) */
.custom-term-list-grid.grid-2 { grid-template-columns: repeat(2, 1fr); }
.custom-term-list-grid.grid-3 { grid-template-columns: repeat(3, 1fr); }
.custom-term-list-grid.grid-4 { grid-template-columns: repeat(4, 1fr); }
.custom-term-list-grid.grid-6 { grid-template-columns: repeat(6, 1fr); }

.custom-term-list-grid .term-item {
    /* padding: 10px 12px;
    border: 1px solid #eee; 
    border-radius: 4px; */
}


/* --------------------------------------------------------------------------
 * LAYOUT: INLINE (Lista Flessibile e Minimalista)
 * -------------------------------------------------------------------------- */



.custom-term-list-inline .term-item {
    /* Rimuove i margini predefiniti, usa un padding orizzontale come separatore */
    display: inline-block; 
    padding: 0; /* Spaziatura orizzontale leggera tra gli elementi */
    margin:0;
}

/* Spaziatura: applica 1rem a destra, eccetto l'ultimo elemento */
.custom-term-list-inline .term-item:not(:last-child) {
    margin-right: 1rem; /* Spaziatura pulita e scalabile (circa 16px) */
}



/* * -----------------------------------------------------
 * RESPONSIVE: Adattamento per dispositivi mobili
 * -----------------------------------------------------
 */

/* -----------------------------------------------------
 * BREAKPOINT KADENCE: 1024px (Tablet)
 * ----------------------------------------------------- */

@media (max-width: 1024px) {
    /* SCELTA UTENTE (N): Si riduce N -> (N-1) o N -> 3 */
    
    /* Se l'utente ha scelto 4 o più colonne, su Tablet ne mostra 3 */
    .custom-term-list-grid.grid-4,
    .custom-term-list-grid.grid-5,
    .custom-term-list-grid.grid-6 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    /* Se l'utente ha scelto 3 colonne, mantiene 3 (o riduce a 2 se preferisci) */
    .custom-term-list-grid.grid-3 {
        grid-template-columns: repeat(3, 1fr); /* Mantiene 3 colonne */
    }
    
    /* Se l'utente ha scelto 2 colonne, mantiene 2 */
    .custom-term-list-grid.grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Se l'utente ha scelto 1 colonna, mantiene 1 */
    .custom-term-list-grid.grid-1 {
        grid-template-columns: 1fr;
    }
}


/* -----------------------------------------------------
 * BREAKPOINT KADENCE: 767px (Mobile)
 * ----------------------------------------------------- */

@media (max-width: 767px) {
    /* SCELTA UTENTE (N): Si riduce tutto a 2 colonne, tranne 1 */
    
    /* TUTTE le griglie da 2 colonne in su, passano a 2 */
    .custom-term-list-grid.grid-2,
    .custom-term-list-grid.grid-3,
    .custom-term-list-grid.grid-4,
    .custom-term-list-grid.grid-5,
    .custom-term-list-grid.grid-6 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Se l'utente ha scelto 1 colonna, mantiene 1 (Massima priorità) */
    .custom-term-list-grid.grid-1 {
        grid-template-columns: 1fr;
    }
}

/* -----------------------------------------------------
 * TIPOLOGIA TAX LOOP ARTICOLI
 * ----------------------------------------------------- */

.entry-taxonomies-wrapper {
    display: flex;
    justify-content: space-between; 
    align-items: flex-start; 
    width: 100%; 
    margin-bottom: 0.5em; 
}

.entry-taxonomies-wrapper .entry-taxonomies {
    margin-bottom: 0; 
}

/* -----------------------------------------------------
 * Allineameto veticale LOOP ARTICOLI - block & archive
 * ----------------------------------------------------- */


article.entry.loop-entry {
	display: grid;
	grid-template-rows: auto 1fr;
}

article.entry.loop-entry .entry-content-wrap {
	display: flex;
	flex-direction: column;
}

article.entry.loop-entry .entry-header .entry-meta {
    margin-bottom: 0; 
} 

article.entry.loop-entry .entry-summary, 
article.entry.loop-entry .entry-summary p {
    margin:0;
} 

article.entry.loop-entry .entry-footer {
    margin-top: auto; 
} 

article.entry.loop-entry .entry-footer .more-link-wrap {
    margin-top: var(--global-xs-spacing);
}

article.entry.loop-entry .entry-header + .entry-footer .more-link-wrap {
    margin-top: 0; 
} 

article.entry.loop-entry .entry-footer a.post-more-link {
    font-weight: bold;
    letter-spacing: .025em;
    font-size: 75%;
    color: #AE6E5D;
}

article.entry.loop-entry .entry-footer a.post-more-link:hover,
article.entry.loop-entry .entry-footer a.post-more-link:focus,
article.entry.loop-entry .entry-footer a.post-more-linka:active {
    color: var(--global-palette-highlight-alt);
}

/* SINGLE POST */

/* Rendi entrambi inline-block (nessun margine) */
.single-post .entry-taxonomies {
    display: inline-block;
}

/* Aggiungi un separatore PRIMA del secondo blocco */
.single-post .entry-taxonomies + .entry-taxonomies::before {
    content: " | ";
    margin: 0;
    color: inherit; 
}
/* Nascondi il separatore se è attivo lo stile 'pill' */
/* Nascondi il separatore se il PRIMO blocco contiene .category-style-pill */
.single-post .entry-taxonomies:has(.category-style-pill) + .entry-taxonomies::before {
    content: "";
    margin-left: .25rem;
}

/* CORRELATI */
.single-post .entry-related-carousel h3.entry-title {
    font-size: 24px;
}
.single-post .entry-related-carousel .entry-footer, 
.single-post .entry-related-carousel .entry-taxonomies {
    display: block;
}