/* RC88 · Gerarchia editoriale Home e pagine interne.
   Una sola colonna narrativa: la Home porta dalla scoperta alla partenza;
   i moduli tecnici e i richiami secondari restano disponibili, ma non rubano
   il primo sguardo. */
:root {
  --rc88-home-max: 1120px;
  --rc88-home-gutter: 24px;
  --rc88-home-gap: 20px;
  --rc88-ink: #173f35;
  --rc88-muted: #60736b;
  --rc88-paper: #fffdf8;
  --rc88-line: rgba(23, 63, 53, .15);
  --rc88-gold: #b88332;
}

/* Ritmo principale: diretta, scoperta del giorno, tesori, ricerca,
   ingressi speciali. L'ordine funziona anche quando un pannello opzionale
   viene montato più tardi dal JavaScript. */
main#top {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

main#top > .video-hero-header { order: 1; }
main#top > .public-export-quick-actions { order: 2; }
main#top > .home-player-embed { order: 10; }
main#top > .today-destination { order: 30; }
main#top > .treasures-showcase { order: 20; }
main#top > .archive-banner-new { order: 34; }
main#top > .culture-compass { order: 36; }
main#top > .search-panel { order: 40; }
main#top > .nearby-banner-host { order: 41; }
main#top > .my-route-panel { order: 42; }
main#top > .kids-home { order: 50; }
/* I Racconti da Vivere stanno esattamente sotto il club dei piccoli
   esploratori: è il secondo ingresso narrativo della Home. Senza una voce
   d'ordine propria il banner finiva in cima alla pagina, perché la Home è una
   colonna ordinata e il valore predefinito è zero. */
main#top > .racconti-banner { order: 51; }
/* L'arte sta subito dopo il club dei piccoli esploratori: è il secondo
   ingresso tematico, non un richiamo di servizio. Il riquadro che raccoglie i
   due ingressi artistici è un figlio diretto della Home: senza una voce
   d'ordine propria finiva in cima alla pagina, perché il valore predefinito
   è zero e la Home è una colonna ordinata. */
main#top > .home-arte-block { order: 52; }
main#top > .arte-home-banner { order: 52; }
main#top > .routes-atlas-home-banner { order: 60; }
main#top > .travel-home-banner { order: 70; }
main#top > .collections-panel { order: 80; }
main#top > .routes-panel { order: 81; }
main#top > .results-toolbar { order: 90; }
main#top > #mapPanel { order: 91; }
main#top > .content-section { order: 92; }
main#top > .home-banner-spot { order: 100; }

/* Informazioni istituzionali e area riservata restano in fondo alla Home:
   sono utili, ma non devono precedere diretta, scoperta, ricerca e luoghi. */
main#top > .stanza-banner { order: 110; }
main#top > .editorial-section { order: 120; }

/* Questi richiami duplicavano aree già complete: Ricerca porta ai luoghi,
   Viaggi e Atlante portano ai percorsi, mentre il banner finale ripeteva la
   promessa TV. Restano disponibili nelle rispettive sezioni dedicate. */
main#top > .routes-panel,
main#top > .home-banner-spot {
  display: none !important;
}

/* La barra «Collezioni» offriva un secondo sistema di filtri (temi e
   collezioni curate) accanto ai percorsi culturali: due modi diversi di
   chiedere la stessa cosa. Resta un solo sistema di filtri, i percorsi
   culturali, più i filtri essenziali della ricerca (regione, provincia). */
main#top > .collections-panel {
  display: none !important;
}

/* Nella fascia culturale resta un solo banner: la colonna singola evita lo
   spazio vuoto lasciato dal banner dei tesori, ora non più duplicato. */
main#top > .culture-compass .culture-compass-feature-banners {
  grid-template-columns: 1fr !important;
}

/* Atlante: i quattro menù «Adatta il percorso a te» ripetevano i filtri già
   presenti nella barra qui sopra. Una sola barra di filtri, quindi. */
#narrativeAtlasPage .narrative-atlas-adapter {
  display: none !important;
}

/* Percorsi culturali: sei chiavi di lettura, non otto. «Parchi» ripeteva
   «Paesaggio e identità» e «Teatri» ripeteva gli eventi già raccolti
   altrove: togliendoli, la scelta resta chiara e la pagina più corta. */
main#top > .culture-compass .culture-card[data-topic-theme="parchi"],
main#top > .culture-compass .culture-card[data-topic-theme="teatri"] {
  display: none !important;
}

/* =========================================================
   Palette unica delle sezioni interne.
   Prima ogni area aveva il suo verde: qui superficie chiara, testo
   verde-inchiostro e un solo accento dorato, per tutte le pagine.
   ========================================================= */
main#top > .culture-compass,
#narrativeAtlasPage,
#fuoriRottaPage,
#monumentsPage.monuments-page,
#traditionsPage,
#travelPage {
  --rc88-surface: #fffdf8;
  --rc88-ink: #173f35;
  --rc88-muted: #60736b;
  --rc88-gold: #b88332;
  --rc88-line: rgba(23, 63, 53, .15);
}

main#top > .culture-compass .culture-card,
main#top > .culture-compass .culture-compass-feature-banners > .traditions-home-banner {
  border: 1px solid var(--rc88-line) !important;
  background: var(--rc88-surface) !important;
  box-shadow: 0 6px 16px rgba(35, 31, 22, .06) !important;
}

main#top > .culture-compass .culture-card:hover,
main#top > .culture-compass .culture-card.culture-active,
main#top > .culture-compass .culture-card:focus-visible {
  border-color: var(--rc88-gold) !important;
  background: #fffaf0 !important;
  box-shadow: 0 10px 20px rgba(35, 31, 22, .1) !important;
}

main#top > .culture-compass .culture-card-icon,
main#top > .culture-compass .culture-compass-feature-banners .eyebrow-small,
main#top > .culture-compass .culture-compass-kicker,
main#top > .culture-compass .culture-card-kicker {
  color: var(--rc88-gold) !important;
}

main#top > .culture-compass .culture-card h3,
main#top > .culture-compass .culture-compass-feature-banners h2,
main#top > .culture-compass h2 {
  color: var(--rc88-ink) !important;
}

main#top > .culture-compass .culture-card > p,
main#top > .culture-compass .culture-compass-lead {
  color: var(--rc88-muted) !important;
}

main#top > .culture-compass .culture-compass-feature-banners > .traditions-home-banner .traditions-home-banner-mark {
  background: rgba(184, 131, 50, .14) !important;
  color: var(--rc88-gold) !important;
}

main#top > .culture-compass .culture-compass-feature-banners > .traditions-home-banner .traditions-home-cta {
  border-color: #21443d !important;
  background: #21443d !important;
  color: #fffdf8 !important;
}

/* Le pagine interne usavano ciascuna una carta diversa (grigia, giallastra,
   verdina): ora condividono la stessa superficie chiara e lo stesso accento
   dorato. I contenuti e le funzioni restano quelli di prima. */
#monumentsPage.monuments-page,
#traditionsPage,
#travelPage,
#narrativeAtlasPage {
  background: #fffdf8 !important;
  color: #173f35;
}

#monumentsPage .monuments-hero,
#traditionsPage .traditions-hero,
#travelPage .travel-page-intro,
#narrativeAtlasPage .narrative-atlas-head {
  background: linear-gradient(180deg, #f7f2e6 0%, #fffdf8 100%) !important;
  border-bottom: 1px solid var(--rc88-line);
}

#monumentsPage.monuments-page h1,
#traditionsPage h1,
#travelPage h1,
#narrativeAtlasPage h1 {
  color: #173f35;
}

#monumentsPage .monuments-hero-inner > p:not(.monuments-kicker),
#traditionsPage .traditions-hero-lead,
#travelPage .travel-page-intro > p:not(.travel-page-kicker),
#narrativeAtlasPage .narrative-atlas-lead {
  color: #60736b;
}

/* Filtri e barre di ricerca: una sola forma in tutte le sezioni. */
#monumentsPage .monuments-toolbar,
#traditionsPage .traditions-toolbar,
#narrativeAtlasPage .narrative-atlas-toolbar,
#travelPage .travel-toolbar {
  border: 1px solid var(--rc88-line);
  border-radius: 14px;
  background: #fffaf0;
  box-shadow: none;
}

/* La testata dice subito cos'è RC88, senza tono da slogan promozionale. */
main#top > .video-hero-header .home-heading-positioning {
  max-width: 64ch;
  margin: 14px auto 0;
  color: var(--rc88-ink);
  font: 650 clamp(.9rem, 1.55vw, 1.08rem)/1.45 Georgia, serif;
  letter-spacing: 0;
  text-transform: none;
  text-wrap: balance;
}

main#top > .video-hero-header .home-heading-positioning::after {
  width: 58px;
  height: 2px;
  margin-top: 11px;
  background: linear-gradient(90deg, transparent, var(--rc88-gold), transparent);
}

/* Una sola azione visiva per i box principali: i contenuti secondari non
   diventano tutti call-to-action della stessa importanza. */
main#top > .today-destination,
main#top > .treasures-showcase,
main#top > .search-panel,
main#top > .kids-home,
main#top > .arte-home-banner,
main#top > .routes-atlas-home-banner,
main#top > .travel-home-banner {
  position: relative;
  z-index: 0;
}

main#top > .search-panel {
  border-top: 3px solid var(--rc88-gold);
}

main#top > .search-panel .browse-tools {
  padding-top: 10px;
  border-top: 1px solid var(--rc88-line);
}

/* Interni: una testata chiara, non una sequenza di etichette e slogan. */
#narrativeAtlasPage .narrative-atlas-eyebrow,
#fuoriRottaPage .fr-page-kicker,
#travelPage .travel-page-kicker,
#monumentsPage .monuments-kicker,
#traditionsPage .traditions-eyebrow {
  display: none;
}

#narrativeAtlasPage .narrative-atlas-head,
#fuoriRottaPage .fr-page-head,
#travelPage .travel-page-intro,
#monumentsPage .monuments-hero,
#traditionsPage .traditions-hero {
  padding-top: clamp(22px, 4vw, 42px);
  padding-bottom: clamp(18px, 3vw, 28px);
}

#narrativeAtlasPage .narrative-atlas-lead,
#fuoriRottaPage .fr-page-lead,
#travelPage .travel-page-intro > p:not(.travel-page-kicker),
#monumentsPage .monuments-hero-inner > p:not(.monuments-kicker),
#traditionsPage .traditions-hero-lead {
  max-width: 62ch;
  line-height: 1.45;
}

/* I filtri restano presenti, ma visivamente subordinati alla storia o al
   percorso scelto. */
#narrativeAtlasPage .narrative-atlas-toolbar,
#fuoriRottaPage .fr-toolbar {
  margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid var(--rc88-line);
}

#narrativeAtlasPage .narrative-atlas-adapter {
  margin-top: 14px;
  box-shadow: none;
}

#kidsPage .kids-hero,
#cinemaPage .cinema-hero,
#videoPage .video-page-head,
#feedPage .feed-page-head {
  padding-bottom: 24px;
}

@media (max-width: 700px) {
  :root {
    --rc88-home-gutter: 12px;
    --rc88-home-gap: 16px;
  }

  main#top > .video-hero-header .home-heading-positioning {
    max-width: 34ch;
    margin-top: 10px;
    font-size: .86rem;
    line-height: 1.42;
  }

  main#top > .search-panel .browse-tools {
    padding-top: 8px;
  }

  #narrativeAtlasPage .narrative-atlas-head,
  #fuoriRottaPage .fr-page-head,
  #travelPage .travel-page-intro,
  #monumentsPage .monuments-hero,
  #traditionsPage .traditions-hero {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  main#top > * { scroll-behavior: auto; }
}