/* ── Stile «Rivista» ─────────────────────────────────────────────────────────
   Si carica solo quando in Personalizza → Colori del giornale → Stile è scelto «Rivista».
   Ispirazione: barra nera, testata centrata con filetto senape e menu a voci separate (Limes);
   titoli con grazie, barretta colorata accanto ai titoli e apertura con pannello diagonale (Casa dei Giornalisti).
   I colori sono in g_palettes() (inc/helpers.php); qui solo forme e disposizione. */

:root {
  --g-display: var(--g-font, "Playfair Display", "Source Serif 4", Georgia, "Times New Roman", serif);
  --g-cond: var(--g-font, "Barlow Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", sans-serif);
  --g-body: var(--g-font, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  --g-mono: var(--g-cond);
}
body { background: var(--g-bg); }
/* Playfair ha i numeri «all'antica» (di altezze diverse): nei titoli di un giornale si leggono meglio quelli allineati */
.g-masthead__name, .g-card__title, .g-latest__t, .g-more__t, .g-single__title, .g-single__sub, .g-article, .g-lead, .g-footer__brand, .g-sixty__t { font-variant-numeric: lining-nums; }
.g-mono { font-size: 12.5px; letter-spacing: .06em; font-weight: 600; }

/* Barra nera in alto */
.g-topbar { background: var(--g-ink, #111412); border-bottom: 0; color: #e9e9e6; }
.g-topbar__in { padding-top: .45rem; padding-bottom: .45rem; }
.g-date { color: #c9cbc7; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.g-topbar .g-social__a { border-color: transparent; color: #e9e9e6; }
.g-topbar .g-social__a:hover { color: var(--g-ink, #111412); background: var(--g-accent, #e5a91f); }
.g-topbar .g-searchlink { border-color: #3a3d3b; color: #fff; }

/* Testata: nome al centro (o immagine), motto, filetto senape */
.g-masthead { background: var(--g-surface); padding: 1.6rem 0 1.2rem; border-bottom: 3px solid var(--g-accent, #e5a91f); }
.g-masthead--text { text-align: center; }
.g-masthead__name { display: inline-block; font-family: var(--g-display); font-weight: 700; font-size: clamp(2.4rem, 6vw, 4.4rem); line-height: 1; letter-spacing: -.01em; color: var(--g-ink, #111412); }
.g-masthead__name:hover { color: var(--g-brand); }
.g-masthead__motto { margin-top: .55rem; font-family: var(--g-cond); font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .22em; color: var(--g-muted); }
.g-masthead__motto::before, .g-masthead__motto::after { content: ""; display: inline-block; width: 2.2rem; height: 1px; margin: 0 .8rem; vertical-align: middle; background: currentColor; opacity: .5; }
@media (max-width: 640px) { .g-masthead { padding: 1rem 0 .8rem; } .g-masthead__motto { font-size: 12px; letter-spacing: .14em; } .g-masthead__motto::before, .g-masthead__motto::after { width: 1rem; margin: 0 .4rem; } }

/* Menu: fascia bianca, voci maiuscole separate da filetti */
.g-header { background: var(--g-surface); backdrop-filter: none; border-bottom: 1px solid var(--g-border); box-shadow: 0 1px 0 rgba(0, 0, 0, .03); }
.g-header--mast .g-header__in { padding-top: 0; padding-bottom: 0; }
.g-nav, .g-nav-mobile { font-family: var(--g-cond); font-weight: 700; color: var(--g-ink, #111412); letter-spacing: .06em; }
.g-header--mast .g-nav { font-size: 14.5px; column-gap: 0; }
.g-header--mast .g-nav a { padding: .8rem .85rem; }
@media (max-width: 1279px) { .g-header--mast .g-nav { font-size: 13.5px; } .g-header--mast .g-nav a { padding: .75rem .6rem; } }
.g-header--mast .g-nav a + a, .g-header--mast .g-nav li + li > a { border-left: 1px solid var(--g-border); }
.g-nav a::after, .g-nav-mobile a::after { height: 3px; border-radius: 0; bottom: -1px; }
.g-nav a:hover, .g-nav a.is-current { color: var(--g-ink, #111412); }
.g-nav-mobile { font-size: 14px; padding-top: .3rem; }
/* ricerca: solo la lente (la casella lunga toglieva spazio al menu) */
.g-header .g-search { display: none !important; }
.g-header .g-searchlink { display: flex !important; border-color: var(--g-border); color: var(--g-ink, #111412); }
.g-search input[type="search"] { border-radius: 0; background: var(--g-surface-2); }
.g-live { border-radius: 0; }

/* Ultim'ora */
.g-ticker { background: var(--g-surface-2); border-bottom: 1px solid var(--g-border); }
.g-ticker__tag { background: var(--g-ink, #111412); color: var(--g-accent, #e5a91f); font-size: 13.5px; font-weight: 700; }
.g-ticker__track { font-family: var(--g-body); font-size: 13.5px; color: var(--g-text); }
.g-ticker__track i { color: var(--g-live); }

/* Intestazione di sezione: maiuscolo corsivo, filetto grigio e barretta del colore della sezione sopra */
.g-section__head { position: relative; align-items: flex-end; border-bottom: 0; border-top: 1px solid var(--g-border); padding: .75rem 0 0; margin-bottom: 1.4rem; }
.g-section__head::before { content: ""; position: absolute; left: 0; top: -2px; width: 7rem; height: 3px; background: var(--sec); }
.g-section__title { font-family: var(--g-cond); font-size: 1.55rem; font-weight: 700; font-style: italic; letter-spacing: .01em; color: var(--g-text); }
.g-section__title::before { display: none; }
.g-section__more { border: 0; border-radius: 0; padding: 0; font-family: var(--g-cond); font-size: 15px; font-weight: 700; text-transform: none; letter-spacing: .01em; color: var(--sec); }
.g-section__more::after { content: " ›"; font-size: 1.15em; }
.g-section__more:hover { background: none; color: var(--g-ink, #111412); }
@media (max-width: 639px) { .g-section__title { font-size: 1.35rem; } .g-section__more { font-size: 14px; } }

/* Schede: niente riquadro, foto pulita, data | SEZIONE, titolo con grazie e barretta colorata */
.g-grid { gap: 2rem 1.5rem; }
.g-card { background: transparent; border-left: 0; border-radius: 0; gap: .9rem; }
.g-card:hover { background: transparent; }
.g-card__img { border-radius: 0; transition: opacity .2s; }
.g-card:hover .g-card__img { opacity: .9; }
.g-card__body { padding: 0; gap: .55rem; border-left-color: inherit; }
.g-card__meta { min-height: 0; font-size: 12.5px; font-weight: 600; letter-spacing: .05em; }
.g-card__meta > span[aria-hidden] { display: none; }
.g-card__cat { order: 2; padding-left: .5rem; border-left: 1px solid var(--g-border); }
.g-card__meta time { order: 1; }
.g-card__trust { order: 3; }
.g-card__title { font-family: var(--g-display); font-weight: 500; font-size: 1.32rem; line-height: 1.22; letter-spacing: 0; border-left: 3px solid; border-left-color: inherit; padding-left: .65rem; }
.g-card:hover .g-card__title { color: var(--g-brand); }
.g-card__lead { font-size: 14px; color: var(--g-muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.g-card__author { font-style: italic; text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 600; }

/* Apertura: foto grande con pannello diagonale (colore principale) e titolo bianco */
.g-card--large { position: relative; gap: 0; }
.g-card--large .g-card__img { aspect-ratio: 16 / 9; }
.g-card--large .g-card__body { background: var(--g-brand); color: #fff; padding: 1.4rem 1.25rem 1.5rem; gap: .7rem; }
.g-card--large .g-card__meta, .g-card--large .g-card__meta time, .g-card--large .g-card__lead, .g-card--large .g-card__author { color: rgba(255, 255, 255, .82); }
.g-card--large .g-card__trust { color: rgba(255, 255, 255, .85) !important; }
/* sul pannello l'etichetta è bianca (leggibile con qualsiasi stile); il colore d'accento resta ai filetti */
.g-card--large .g-card__cat { color: #fff !important; border-left-color: var(--g-accent, #e5a91f); border-left-width: 3px; }
.g-card--large .g-card__title { font-size: 1.9rem; line-height: 1.15; font-weight: 500; border-left: 0; padding-left: 0; color: #fff; }
.g-card--large .g-card__title::after { content: ""; display: block; width: 5rem; height: 3px; margin-top: .9rem; background: var(--g-accent, #e5a91f); }
.g-card--large:hover .g-card__title { color: #fff; }
@media (min-width: 768px) {
  .g-card--large .g-card__img { aspect-ratio: 4 / 3; }
  /* il pannello sta sopra la foto solo se la foto c'è (senza foto resta un riquadro pieno); il bordo sinistro è tagliato in diagonale */
  .g-card--large:has(.g-card__img) .g-card__body { position: absolute; top: 0; right: 0; bottom: 0; width: 52%; justify-content: center; padding: 2rem 1.75rem 2rem 5rem; background: none; isolation: isolate; }
  .g-card--large:has(.g-card__img) .g-card__body::before { content: ""; position: absolute; inset: 0; z-index: -1; background: color-mix(in srgb, var(--g-brand) 94%, transparent); clip-path: polygon(5.5rem 0, 100% 0, 100% 100%, 0 100%); }
  .g-card--large .g-card__title { font-size: clamp(1.35rem, 2vw, 1.85rem); display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
  .g-card--large .g-card__title::after { display: none; }
  .g-card--large .g-card__body::after { content: ""; order: 3; width: 5rem; height: 3px; background: var(--g-accent, #e5a91f); }
  .g-card--large .g-card__lead { order: 4; font-size: 13.5px; -webkit-line-clamp: 3; }
  .g-card--large .g-card__author { order: 5; }
}

/* Colonna destra e «Da non perdere»: niente riquadri, titoli come le sezioni */
.g-latest, .g-more { border: 0; border-radius: 0; background: transparent; padding: 0; }
@media (min-width: 1024px) { .g-more { border: 0; background: transparent; padding: 0; } }
.g-latest__head, .g-more__title { position: relative; border-top: 1px solid var(--g-border); padding-top: .7rem; }
.g-latest__head::before, .g-more__title::before { content: ""; position: absolute; left: 0; top: -2px; width: 4.5rem; height: 3px; background: var(--g-accent, #e5a91f); }
.g-latest__title, .g-more__title { font-family: var(--g-cond); font-size: 1.3rem; font-weight: 700; font-style: italic; letter-spacing: .01em; color: var(--g-text); }
.g-latest__title i, .g-more__title i { display: none; }
.g-latest__item { padding: .7rem 0; }
.g-latest__thumb { border-radius: 0; }
.g-latest__t { font-family: var(--g-display); font-weight: 500; font-size: 15.5px; line-height: 1.3; }
.g-latest__item:hover .g-latest__t, .g-more__item:hover .g-more__t { color: var(--g-brand); }
.g-more__img { border-radius: 0; }
.g-more__t { font-family: var(--g-display); font-weight: 500; font-size: 1.15rem; line-height: 1.25; }

/* Riquadri a tema (In 60 secondi, Cosa sappiamo, collaborazioni): fondo grigio caldo, angoli vivi */
.g-sixty__item, .g-know, .g-know__item, .g-60, .g-empty, .g-after .g-note { border-radius: 0; }
.g-kicker { font-family: var(--g-cond); font-style: italic; }

/* Articolo */
.g-single__cat { font-size: 13.5px; }
.g-single__cat a { border-bottom-width: 3px; }
.g-single__title { font-family: var(--g-display); font-weight: 600; font-size: 2.2rem; line-height: 1.12; letter-spacing: -.005em; }
@media (min-width: 640px) { .g-single__title { font-size: 2.9rem; } }
.g-single__sub { font-family: var(--g-display); font-style: italic; font-size: 1.15rem; line-height: 1.45; }
.g-figure img, .g-article img { border-radius: 0; }
.g-article { font-size: 17.5px; line-height: 1.75; }
.g-article h2, .g-article h3 { font-family: var(--g-display); font-weight: 600; }
.g-article .g-dropcap::first-letter { font-family: var(--g-display); font-weight: 700; color: var(--g-brand); }
.g-article blockquote { border-left-color: var(--g-accent, #e5a91f); font-family: var(--g-display); }
.g-lead { border-left-color: var(--g-accent, #e5a91f); font-family: var(--g-display); font-style: italic; font-size: 1.12rem; }
.g-pill, .g-share a, .g-share__copy { border-radius: 0; }

/* Piè di pagina scuro con filetto senape */
.g-footer { background: var(--g-ink, #111412); color: #e9e9e6; border-top: 3px solid var(--g-accent, #e5a91f); }
.g-footer__top, .g-footer .g-line { border-color: rgba(255, 255, 255, .12); }
.g-footer__brand { font-family: var(--g-display); font-weight: 700; color: #fff; }
.g-footer__payoff, .g-footer__h, .g-footer .g-mono { color: #a9aca8; }
.g-footer a:hover { color: var(--g-accent, #e5a91f); }
.g-footer .g-social__a, .g-footer .g-social--md .g-social__a { border-color: rgba(255, 255, 255, .22); color: #e9e9e6; background: rgba(255, 255, 255, .05); }
.g-footer .g-social--md .g-social__a.is-off { color: #a9aca8; }
.g-footer__logo--plate { border-radius: 0; }
/* Il piè di pagina è scuro e il logo è a colori: sta su una targa bianca. */
.g-footer__logo { background: #fff; padding: .7rem 1.1rem; }
.g-footer__logo img { height: 4.5rem; }

/* ── Stile «Lo Scrutinio»: carattere unico Crimson Pro ──────────────────────
   Crimson Pro è più leggero e più piccolo di Playfair a parità di corpo: pesi e misure si alzano un poco. */
.g-stile-rivista-scrutinio { font-size: 17px; }
.g-stile-rivista-scrutinio .g-nav, .g-stile-rivista-scrutinio .g-nav-mobile { font-weight: 700; letter-spacing: .03em; }
.g-stile-rivista-scrutinio .g-header--mast .g-nav { font-size: 14px; }
.g-stile-rivista-scrutinio .g-header--mast .g-nav a { padding-left: .62rem; padding-right: .62rem; }
@media (max-width: 1279px) { .g-stile-rivista-scrutinio .g-header--mast .g-nav { font-size: 13px; } .g-stile-rivista-scrutinio .g-header--mast .g-nav a { padding-left: .45rem; padding-right: .45rem; } }
.g-stile-rivista-scrutinio .g-card__title { font-weight: 650; font-size: 1.42rem; line-height: 1.18; }
.g-stile-rivista-scrutinio .g-card--large .g-card__title { font-weight: 650; }
.g-stile-rivista-scrutinio .g-card__meta, .g-stile-rivista-scrutinio .g-mono { font-weight: 700; letter-spacing: .07em; }
.g-stile-rivista-scrutinio .g-card__lead { font-size: 15.5px; line-height: 1.5; }
.g-stile-rivista-scrutinio .g-section__title { font-weight: 700; font-size: 1.7rem; }
.g-stile-rivista-scrutinio .g-latest__t, .g-stile-rivista-scrutinio .g-ultime__t, .g-stile-rivista-scrutinio .g-pp__t { font-weight: 600; font-size: 16.5px; }
.g-stile-rivista-scrutinio .g-single__title { font-weight: 700; }
.g-stile-rivista-scrutinio .g-article { font-size: 19.5px; line-height: 1.65; }
.g-stile-rivista-scrutinio .g-masthead__name { font-weight: 800; font-variant: small-caps; letter-spacing: .02em; color: var(--g-ink, #0b2650); }
.g-stile-rivista-scrutinio .g-masthead__motto { color: var(--g-brand); font-style: italic; text-transform: none; letter-spacing: .02em; font-size: 17px; }

/* Riquadro «Edizione del mese»: angoli vivi come il resto dello stile, titolo come le altre testatine */
.g-edition { border-radius: 0; }
.g-edition__btn, .g-edition__all { border-radius: 0; }
.g-edition__cover img { border-radius: 0; }

/* ── Spazi pubblicitari liberi, stile «Lo Scrutinio» ──────────────────────────
   Diverso da Tribune Italia: blocco blu notte (come le «autopromozioni» dei quotidiani) con cornice oro sottile,
   testo bianco con grazie, pulsante oro. Animazione: quattro angoli oro che «respirano» e un filetto oro che si disegna
   sotto la frase (al posto del riflesso che attraversa il riquadro). Ferma con «riduci movimento». */
.g-stile-rivista-scrutinio .g-spz__label { display: flex; align-items: center; gap: .4rem; font-family: var(--g-font, serif); font-size: 10.5px; font-weight: 700; letter-spacing: .16em; color: var(--g-muted); opacity: 1; }
.g-stile-rivista-scrutinio .g-spz__label::before { content: ""; width: 6px; height: 6px; background: var(--g-accent, #e8b64a); }
.g-stile-rivista-scrutinio .g-spz--mpu .g-spz__label, .g-stile-rivista-scrutinio .g-spz--halfpage .g-spz__label { justify-content: center; }
.g-stile-rivista-scrutinio .g-spz__media { border: 1px solid var(--g-border); }

.g-stile-rivista-scrutinio .g-spzlibero {
  border: 0; border-radius: 0; color: #fff;
  background-color: var(--g-ink, #0b2650);
  background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 9px);
  background-size: auto;
  box-shadow: inset 0 0 0 1px rgba(232, 182, 74, .55), inset 0 0 0 5px var(--g-ink, #0b2650), inset 0 0 0 6px rgba(232, 182, 74, .25);
}
.g-stile-rivista-scrutinio .g-spzlibero::after { display: none; } /* niente riflesso diagonale (è quello di Tribune) */
.g-stile-rivista-scrutinio .g-spzlibero::before {
  content: ""; position: absolute; inset: 12px; pointer-events: none;
  --c: var(--g-accent, #e8b64a);
  background:
    linear-gradient(var(--c), var(--c)) top left / 20px 2px no-repeat,
    linear-gradient(var(--c), var(--c)) top left / 2px 20px no-repeat,
    linear-gradient(var(--c), var(--c)) top right / 20px 2px no-repeat,
    linear-gradient(var(--c), var(--c)) top right / 2px 20px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / 20px 2px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / 2px 20px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / 20px 2px no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / 2px 20px no-repeat;
  animation: g-scr-angoli 4.2s ease-in-out infinite;
}
.g-stile-rivista-scrutinio .g-spzlibero > * { position: relative; z-index: 1; }
.g-stile-rivista-scrutinio .g-spzlibero__brand { color: var(--g-accent, #e8b64a); font-family: var(--g-font, serif); font-weight: 700; font-size: 10px; letter-spacing: .18em; }
.g-stile-rivista-scrutinio .g-spzlibero strong {
  color: #fff; font-family: var(--g-font, serif); font-weight: 700; font-size: 1.5rem; line-height: 1.1; padding-bottom: 5px;
  background: linear-gradient(var(--g-accent, #e8b64a), var(--g-accent, #e8b64a)) no-repeat left bottom / 0 2px;
  animation: g-scr-filetto 4.2s ease-in-out infinite;
}
.g-stile-rivista-scrutinio .g-spzlibero__size { color: rgba(255, 255, 255, .7); font-family: var(--g-font, serif); font-size: 10px; letter-spacing: .12em; }
.g-stile-rivista-scrutinio .g-spzlibero__cta {
  border: 0; border-radius: 0; background: var(--g-accent, #e8b64a); color: var(--g-ink, #0b2650);
  font-family: var(--g-font, serif); font-size: 11px; font-weight: 700; letter-spacing: .14em; padding: .3rem .9rem;
  transition: background .2s, color .2s;
}
.g-stile-rivista-scrutinio .g-spzlibero__cta:hover, .g-stile-rivista-scrutinio .g-spzlibero__cta:focus-visible { background: #fff; color: var(--g-brand); }
@keyframes g-scr-angoli { 0%, 100% { inset: 12px; opacity: .6; } 50% { inset: 6px; opacity: 1; } }
@keyframes g-scr-filetto { 0% { background-size: 0 2px; } 45%, 70% { background-size: 100% 2px; } 100% { background-size: 0 2px; } }
@media (prefers-reduced-motion: reduce) {
  .g-stile-rivista-scrutinio .g-spzlibero::before, .g-stile-rivista-scrutinio .g-spzlibero strong { animation: none; }
  .g-stile-rivista-scrutinio .g-spzlibero strong { background-size: 100% 2px; }
}
/* spazi piccoli (telefono 320×100): angoli più vicini al bordo */
.g-stile-rivista-scrutinio .g-spz__box--mobile .g-spzlibero::before { inset: 6px; animation-name: g-scr-angoli-p; }
@keyframes g-scr-angoli-p { 0%, 100% { inset: 7px; opacity: .6; } 50% { inset: 3px; opacity: 1; } }
.g-stile-rivista-scrutinio .g-spz__box--mobile .g-spzlibero strong { font-size: 1.12rem; white-space: nowrap; }
.g-stile-rivista-scrutinio .g-spz__box--mobile .g-spzlibero__brand { display: none; }
@media (max-width: 639px) { .g-stile-rivista-scrutinio .g-spz__box--billboard .g-spzlibero strong { font-size: 1.15rem; } }