/* RC88 · Banner della Home in tema chiaro, un'unica famiglia visiva.
   Ogni area conserva il proprio banner e il proprio colore d'accento (una
   striscia a sinistra e l'etichetta), ma forma, misura, bordo, ombra e
   pulsante sono gli stessi per tutti. Sostituisce i vecchi sfondi scuri
   (Archivio Video, Tradizioni, Racconti, Santi). Caricato per ultimo: le
   regole qui prevalgono sui fogli delle singole sezioni. */

:root {
  --band-paper: linear-gradient(150deg, #fffdf8 0%, #fdf6e8 58%, #f6e9cb 100%);
  --band-surface: #fffdf8;
  --band-ink: #2c241c;
  --band-ink-soft: #6f6152;
  --band-line: rgba(83, 61, 32, .18);
  --band-shadow: 0 12px 30px rgba(63, 39, 12, .10);
  --band-radius: 20px;
  --band-pad: clamp(16px, 2.6vw, 26px);
}

/* Colori d'accento: ogni area ha il suo, riconoscibile a colpo d'occhio. */
.archive-banner-new { --band-accent: #a8432b; }

/* Banner Video: torna al suo fondo scuro originale (rosso vino e rosso fuoco),
   con i testi in bianco. Resta un box ben staccato dallo sfondo chiaro. */
.culture-compass .archive-banner-new {
  background:
    linear-gradient(105deg, rgba(44, 3, 16, .3), transparent 48%),
    radial-gradient(circle at 82% 18%, rgba(255, 128, 85, .44), transparent 27%),
    radial-gradient(circle at 18% 110%, rgba(255, 185, 63, .18), transparent 31%),
    linear-gradient(122deg, #4b061b 0%, #790b29 38%, #b91836 72%, #d9473e 100%) !important;
  border: 1px solid rgba(255, 220, 164, .48) !important;
  border-left: 5px solid #d9473e !important;
  box-shadow: 0 27px 60px rgba(91, 8, 31, .32), 0 1px 0 rgba(255, 255, 255, .22) inset !important;
  color: #fff !important;
}
.culture-compass .archive-banner-new .archive-banner-new-copy,
.culture-compass .archive-banner-new .archive-banner-new-art {
  background: transparent !important;
}
.culture-compass .archive-banner-new .archive-banner-new-title,
.culture-compass .archive-banner-new .archive-banner-new-title .culture-word,
.culture-compass .archive-banner-new .archive-banner-new-title .culture-word--gold {
  color: #fff !important;
}
.culture-compass .archive-banner-new .archive-banner-new-arrow {
  color: #ffe7b8 !important;
}
.culture-compass .archive-banner-new .archive-banner-new-art {
  border-color: rgba(255, 220, 164, .4) !important;
  color: #ffe7b8 !important;
}
.culture-compass .archive-banner-new .archive-banner-new-hit {
  color: #fff !important;
}
/* Il segno dell'Archivio (cornice, fori e triangolo) torna dorato sul fondo
   scuro: con l'accento terracotta del tema chiaro sarebbe quasi invisibile. */
.culture-compass .archive-banner-new .archive-art-frame,
.culture-compass .archive-banner-new .archive-art-holes {
  stroke: #ffe7b8 !important;
}
.culture-compass .archive-banner-new .archive-art-play {
  fill: #ffd166 !important;
}
.culture-compass .archive-banner-new .archive-banner-new-art {
  background: rgba(255, 255, 255, .14) !important;
  box-shadow: none !important;
}
.culture-compass .archive-banner-new .archive-banner-new-hit:hover {
  background: rgba(255, 255, 255, .08) !important;
}
.culture-compass .archive-banner-new .archive-banner-new-hit:focus-visible {
  outline: 3px solid rgba(255, 231, 184, .8) !important;
  outline-offset: 2px;
}
.traditions-home-banner { --band-accent: #4e6b3a; }
.racconti-banner { --band-accent: #2f5f6a; }
.santi-home-banner { --band-accent: #a56a18; }

/* Il contenitore: stessa larghezza, stessi margini, stesso box per tutti. */
.archive-banner-new,
.traditions-home-banner,
.racconti-banner,
main#top > .santi-home-banner {
  position: relative !important;
  box-sizing: border-box !important;
  width: min(var(--home-box-max), calc(100% - (var(--home-box-gutter) * 2))) !important;
  max-width: var(--home-box-max) !important;
  margin: var(--home-box-gap) auto !important;
  padding: var(--band-pad) !important;
  border: 1px solid var(--band-line) !important;
  border-left: 5px solid var(--band-accent) !important;
  border-radius: var(--band-radius) !important;
  background: var(--band-paper) !important;
  box-shadow: var(--band-shadow) !important;
  color: var(--band-ink) !important;
  overflow: hidden !important;
  text-align: left !important;
}

/* Niente decorazioni scure o cerchi colorati dentro i box. */
.archive-banner-new::before,
.archive-banner-new::after,
.traditions-home-banner::before,
.traditions-home-banner::after,
.racconti-banner::before,
.racconti-banner::after,
.santi-home-banner::before,
.santi-home-banner::after,
.santi-home-card::before,
.santi-home-card::after {
  content: none !important;
  display: none !important;
}

/* I contenitori interni perdono sfondo, bordo e ombra propri. */
.archive-banner-new,
.archive-banner-new-copy,
.traditions-home-banner-copy,
.racconti-banner-inner,
.racconti-banner-copy,
.santi-home-card,
.santi-home-copy {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.archive-banner-new { padding: 0 !important; }
.santi-home-card { display: grid; padding: 0 !important; color: inherit !important; }

/* Testi: titoli in inchiostro, didascalie in grigio caldo, etichette nell'accento. */
.archive-banner-new-title,
.traditions-home-banner-copy h2,
.racconti-banner-title,
.santi-home-title {
  color: var(--band-ink) !important;
  text-shadow: none !important;
}

.archive-banner-new-title .culture-word.culture-word--gold,
.traditions-home-banner-copy .culture-word {
  color: var(--band-accent) !important;
  text-shadow: none !important;
}

.traditions-home-banner-copy p:last-child,
.racconti-banner-text,
.racconti-banner-count,
.santi-home-text {
  color: var(--band-ink-soft) !important;
}

.traditions-home-banner-copy .eyebrow-small,
.racconti-banner-eyebrow,
.santi-home-eyebrow {
  color: var(--band-accent) !important;
}

.archive-banner-new-arrow { color: var(--band-accent) !important; }

/* Il segno a sinistra: una tessera chiara con il bordo dell'accento. */
.archive-banner-new-art,
.traditions-home-banner-mark {
  background: var(--band-surface) !important;
  border: 1px solid var(--band-line) !important;
  color: var(--band-accent) !important;
  box-shadow: 0 6px 16px rgba(63, 39, 12, .08);
}

.archive-art-frame { stroke: var(--band-accent) !important; }
.archive-art-play { fill: var(--band-accent) !important; }

/* Il pulsante Archivio occupa tutta la tessera ma resta trasparente. */
.archive-banner-new-hit { background: transparent !important; color: var(--band-ink) !important; }
.archive-banner-new-hit:hover { background: rgba(168, 67, 43, .06) !important; }
.archive-banner-new-hit:focus-visible { outline-color: var(--band-accent) !important; }

/* Pulsanti: stessa forma e stesso accento per tutte le aree. */
.santi-home-cta,
.traditions-home-cta,
.racconti-banner-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1px solid var(--band-accent) !important;
  border-radius: 999px !important;
  background: var(--band-accent) !important;
  color: var(--band-surface) !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(63, 39, 12, .16) !important;
  cursor: pointer;
}

.santi-home-cta:hover,
.traditions-home-cta:hover,
.racconti-banner-cta:hover {
  background: var(--band-accent) !important;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.santi-home-cta:focus-visible,
.traditions-home-cta:focus-visible,
.racconti-banner-cta:focus-visible {
  outline: 3px solid rgba(63, 39, 12, .3) !important;
  outline-offset: 3px;
}

/* Le scelte per regione: pillole chiare, con l'accento al passaggio. */
.racconti-banner-regions button {
  background: var(--band-surface) !important;
  border: 1px solid var(--band-line) !important;
  color: var(--band-ink) !important;
}

.racconti-banner-regions button:hover {
  background: var(--band-accent) !important;
  border-color: var(--band-accent) !important;
  color: var(--band-surface) !important;
}

@media (max-width: 780px) {
  .traditions-home-banner { text-align: center !important; }
  .traditions-home-banner-mark { margin: 0 auto !important; }
  .traditions-home-cta { width: 100% !important; }
}

@media (max-width: 640px) {
  .archive-banner-new,
  .traditions-home-banner,
  .racconti-banner,
  main#top > .santi-home-banner {
    width: calc(100% - (var(--home-box-gutter) * 2)) !important;
    border-radius: 16px !important;
  }
  .santi-home-card { grid-template-columns: minmax(0, 1fr) !important; }
  .santi-home-cta { width: 100% !important; }
}