/*
 * Le testate degli archivi delle sezioni (dalla 0.27.0).
 *
 * Stesso contenuto, quattro vestiti riconoscibili (decisione di Andreas del
 * 5 ottobre 2026):
 *
 *   categoria  bianca, filetto spesso nel colore della sezione: e' il dorso
 *              del giornale, la base. Qui non si tocca niente.
 *   rubrica    fascia avorio a tutta larghezza, filetto doppio da testata di
 *              colonna, nome in corsivo: la voce ricorrente di una firma.
 *   serie      fascia grafite con testo chiaro, la stessa dell'indice /serie/:
 *              un racconto a puntate, e la famiglia si riconosce.
 *   argomento  e' un'altra pagina, «Il filo»: vedi argomenti.css.
 *
 * La marcatura e' del Framework (templates/archive-editorial.php): qui si
 * cambia solo l'aspetto. La fascia a tutta larghezza si ottiene con un'ombra
 * larga ritagliata ai lati, cosi' il contenuto resta nella sua colonna e non
 * nasce lo scorrimento orizzontale.
 */

/* --------------------------------------------------------------- rubrica */

.ief-archive-hero--rubric {
    --in-rubrica-fondo: var(--in-fondo-servizio, #f3efe7);
    background: var(--in-rubrica-fondo);
    box-shadow: 0 0 0 100vmax var(--in-rubrica-fondo);
    clip-path: inset(0 -100vmax);
}

.ief-archive-hero--rubric .ief-single-hero-inner {
    border-top: 3px double var(--in-testo, #16130f);
}

.ief-archive-hero--rubric h1 {
    font-style: italic;
    font-weight: 500;
}

.ief-archive-hero--rubric .ief-archive-stato {
    background: rgba(255, 255, 255, .55);
}

.ief-archive-hero--rubric .ief-archive-meta-bar {
    background: transparent;
    border-top-color: var(--in-bordo-servizio, #e2dccf);
}

/* ----------------------------------------------------------------- serie */

.ief-archive-hero--series,
.ief-indice-serie-hero {
    --in-serie-fondo: #262a30;
    --in-serie-testo: #f3efe7;
    --in-serie-tenue: #dad3c9;
    --in-serie-accento: #e8b4a0;
    background: var(--in-serie-fondo);
    box-shadow: 0 0 0 100vmax var(--in-serie-fondo);
    clip-path: inset(0 -100vmax);
    color: var(--in-serie-testo);
}

/* Il filetto in alto prende il colore della serie, schiarito: sul grafite un
 * colore scuro sparirebbe. */
.ief-archive-hero--series .ief-single-hero-inner,
.ief-indice-serie-hero .ief-single-hero-inner {
    border-top-color: color-mix(in srgb, var(--ief-accent, #4b5565) 45%, #ffffff);
}

.ief-archive-hero--series h1,
.ief-archive-hero--series .ief-archive-subtitle,
.ief-archive-hero--series .ief-archive-intro p,
.ief-archive-hero--series .ief-single-hero-excerpt p,
.ief-indice-serie-hero h1,
.ief-indice-serie-hero .ief-archive-subtitle,
.ief-indice-serie-hero .ief-single-hero-excerpt p {
    color: var(--in-serie-testo);
}

.ief-archive-hero--series .ief-kicker,
.ief-indice-serie-hero .ief-kicker {
    color: var(--in-serie-accento);
}

.ief-archive-hero--series .ief-archive-intro,
.ief-indice-serie-hero .ief-single-hero-excerpt {
    border-color: var(--in-serie-accento);
}

.ief-archive-hero--series .ief-archive-stato {
    color: var(--in-serie-testo);
    border-color: rgba(243, 239, 231, .35);
}

.ief-archive-hero--series .ief-archive-breadcrumbs strong,
.ief-indice-serie-hero .ief-archive-breadcrumbs strong,
.ief-archive-hero--series .ief-archive-breadcrumbs a,
.ief-archive-hero--series .ief-archive-breadcrumbs span,
.ief-archive-hero--series .ief-archive-breadcrumbs li,
.ief-indice-serie-hero .ief-archive-breadcrumbs a,
.ief-indice-serie-hero .ief-archive-breadcrumbs span,
.ief-indice-serie-hero .ief-archive-breadcrumbs li {
    color: var(--in-serie-testo);
    border-color: rgba(243, 239, 231, .5);
}

.ief-archive-hero--series .ief-archive-meta-bar,
.ief-indice-serie-hero .ief-archive-meta-bar {
    background: transparent;
    border-top-color: rgba(243, 239, 231, .16);
}

.ief-archive-hero--series .ief-archive-meta-bar,
.ief-archive-hero--series .ief-archive-meta-bar span,
.ief-archive-hero--series .ief-archive-meta-bar a,
.ief-indice-serie-hero .ief-archive-meta-bar,
.ief-indice-serie-hero .ief-archive-meta-bar span,
.ief-indice-serie-hero .ief-archive-meta-bar a {
    color: var(--in-serie-tenue);
}

.ief-archive-hero--series .ief-archive-meta-bar a:hover,
.ief-indice-serie-hero .ief-archive-meta-bar a:hover {
    color: var(--in-serie-testo);
}

/* I numeri dell'indice delle serie al posto della copertina. */
.ief-indice-serie-hero .ief-indice-serie-numeri strong {
    color: var(--in-serie-testo);
}

.ief-indice-serie-hero .ief-indice-serie-numeri span,
.ief-indice-serie-hero .ief-indice-serie-numeri p {
    color: var(--in-serie-tenue);
    border-color: rgba(243, 239, 231, .16);
}

/* L'indice non ha la barra dei numeri sotto la testata: la fascia scura ha
 * bisogno di un po' d'aria in fondo, e il filetto dei numeri del colore della
 * serie schiarito come quello in alto. */
.ief-indice-serie-hero {
    padding-bottom: clamp(36px, 4vw, 56px);
}

.ief-indice-serie-hero .ief-indice-serie-numeri {
    border-top-color: color-mix(in srgb, var(--ief-accent, #4b5565) 45%, #ffffff);
    border-bottom-color: rgba(243, 239, 231, .16);
}