/* =========================================================================
   Pubblicazioni INCA-ER (Manuale tabelle e prontuari / La Rivista)
   Caricato SOLO sulle pagine categoria del ramo Editoria > La Rivista / Manuale
   (enqueue condizionale in html/com_content/category/blog.php).
   ========================================================================= */

/* --- Livello 1: pagina serie = bottoni degli anni ------------------------ */
/* Titolo pagina in MAIUSCOLO. Uso il combinatore figlio ">" per colpire solo
   il titolo della pagina e NON i bottoni (che pure hanno classe .page-header). */
.com-content-category-blog > .page-header h1,
.com-content-category-blog > .page-header h2 {
    text-transform: uppercase;
    /* Stessa dimensione/peso dei titoli articolo (.jl-article-title) di
       Territori/Notizie: 2rem = 32px, non i 36px del default h1 del tema. */
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 700;
}
.com-content-category-blog__children.cat-children > h3 {   /* "Sottocategorie" */
    display: none;
}
.com-content-category-blog__children.cat-children {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 18px;
    margin-top: 45px;    /* aria tra il titolo pagina e la prima riga di bottoni */
    margin-bottom: 30px; /* aria tra l'ultima riga di bottoni e il footer */
}
.com-content-category-blog__child { margin: 0; }
.com-content-category-blog__child > h3 { margin: 0; border: 0; padding: 0; }
/* Bottone anno in stile .btn-inca-large-icon (con icona calendario) */
.com-content-category-blog__child > h3 > a {
    display: flex;               /* riempie la cella della griglia → colonne allineate */
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-sizing: border-box;
    padding: 18px 20px;
    background: #e30613;
    color: #fff;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: 0.5px;
    line-height: 1;
    border-radius: 0;
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}
/* Icona calendario prima dell'anno.
   Il markup è auto-generato dalla vista categoria (nessun <i> nel sorgente),
   quindi l'icona FontAwesome 6 si inietta via ::before. */
.com-content-category-blog__child > h3 > a::before {
    content: "\f274"; /* fa-calendar-check */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.2em;
    line-height: 1;
    flex-shrink: 0;
}
.com-content-category-blog__child > h3 > a:hover,
.com-content-category-blog__child > h3 > a:focus {
    background: #c1050f;
    color: #fbba00; /* giallo INCA, come l'hover di .btn-inca-large-icon */
}

/* --- Livello 2: pagina anno = card identiche a quelle delle news --------- */
/* Valori allineati a modules/mod_introvideo/css/mod_introvideo.css           */
.jl-article.pubblicazioni {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    overflow: hidden;
}
.jl-article.pubblicazioni img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}
/* Titolo IDENTICO a quello delle news (.mod-introvideo__title): stesso
   font-size 1.1rem, scuro, non sottolineato. Il titolo pubblicazione sta in
   <div class="page-header"><h2><a>…: targetizzo con alta specificità per
   battere gli stili h2/.page-header del tema. */
.jl-article.pubblicazioni .page-header {
    margin: 0 0 .25rem;
    padding: 1rem 1rem 0;
    border: 0;
}
.jl-article.pubblicazioni .page-header h1,
.jl-article.pubblicazioni .page-header h2,
.jl-article.pubblicazioni .page-header h3 {
    margin: 0;
    padding: 0;
    border: 0;
    /* !important per battere la regola h2 del tema (28.8px). 20px = identico alle news */
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 500;
    text-transform: none;
}
.jl-article.pubblicazioni .page-header a {
    color: inherit;
    text-decoration: none;
}
.jl-article.pubblicazioni .page-header a:hover {
    text-decoration: underline;
}
/* Data come le news: piccola e attenuata */
.jl-article.pubblicazioni .jl-article-meta,
.jl-article.pubblicazioni .jl-article-meta * {
    margin: .25rem 0;
    padding: 0 1rem;
    font-size: 14px;
    color: #6e6e6e;
}
.jl-article.pubblicazioni .jl-article-meta * {
    margin: 0;
    padding: 0;
}

/* Bottone VISUALIZZA (aggiunto in blog_item.php per queste categorie) */
.pubblicazioni-visualizza {
    margin-top: auto;
    padding: 1rem 1rem 1rem;
}
.pubblicazioni-visualizza a {
    display: inline-block;
    padding: 10px 26px;
    background: #e30613;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0;
    text-decoration: none;
    transition: background .15s ease;
}
.pubblicazioni-visualizza a:hover,
.pubblicazioni-visualizza a:focus {
    background: #c1050f;
    color: #fff;
}