/* ============================================================
   InfoComuni — Civic Editorial skin per le schede-comune
   Layer override: NON tocca i contenuti, solo l'aspetto.
   Carica DOPO comune-restyle.css. Palette gia navy/oro nei token;
   qui si porta la tipografia editoriale (Oswald/Titillium/JetBrains Mono),
   kicker mono, righelli oro, rifinitura card.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Titillium+Web:wght@400;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

:root{
  --ce-display:'Oswald','Arial Narrow',system-ui,sans-serif;
  --ce-body:'Titillium Web',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ce-mono:'JetBrains Mono','SFMono-Regular',Menlo,monospace;
  --ce-gold:#5BC4FF; --ce-gold-deep:#1A72B8; --ce-navy:#0b2340;
}

/* --- corpo testo editoriale --- */
.comune-hero, .comune-panels, .comune-section, .comune-panel,
.comune-header, .ic-tourism, .comune-hero__subtitle, .comune-panel__lead{
  font-family:var(--ce-body);
}

/* --- titoli display (Oswald) --- */
#comune-title, .comune-hero__title, .comune-header__comune-name,
.comune-section__title, .ic-tourism__h3, .comune-panel h2, .comune-panel h3{
  font-family:var(--ce-display)!important; font-weight:700!important;
  letter-spacing:-.01em; text-wrap:balance;
}
#comune-title, .comune-hero__title{ font-size:clamp(40px,6vw,60px)!important; line-height:1.02!important; }
.comune-section__title{ font-size:clamp(22px,3vw,30px)!important; }

/* --- kicker / label / meta in mono maiuscolo --- */
.comune-hero__meta-label, .comune-hero__badge, .comune-tabs__btn,
.comune-header__comune-label, .ic-tourism__monument-type,
.ic-tourism__route-meta, .ic-tourism__draft-badge, .comune-hero__badge--pro{
  font-family:var(--ce-mono)!important; letter-spacing:.08em; text-transform:uppercase;
}
.comune-hero__meta-value{ font-family:var(--ce-mono)!important; font-variant-numeric:tabular-nums; }

/* --- badge PRO oro pieno --- */
.comune-hero__badge--pro{
  background:var(--ce-gold)!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
  border-color:var(--ce-gold)!important; font-weight:600;
}

/* --- righello oro sotto l'hero --- */
.comune-hero{ position:relative; }
.comune-hero::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:4px;
  background:linear-gradient(90deg,var(--ce-gold),var(--ce-gold-deep)); }

/* --- tab bar: pill mono, attivo oro/navy --- */
.comune-tabs__btn{ border-radius:999px!important; font-weight:600!important; font-size:12.5px!important; }
.comune-tabs__btn[aria-selected="true"], .comune-tabs__btn.is-active{
  background:var(--ce-navy)!important; color:#fff!important; border-color:var(--ce-navy)!important; }
.comune-header__nav a[aria-current], .comune-header__nav a:hover{ color:var(--ce-gold)!important; }

/* --- card sezione: bordo/raggio/ombra coerenti --- */
.comune-section{
  border-radius:16px!important;
  border:1px solid rgba(124,179,255,.18);
  box-shadow:0 1px 3px rgba(9,34,58,.06);
}
.comune-section__title{ position:relative; padding-left:14px; }
.comune-section__title::before{ content:''; position:absolute; left:0; top:.12em; bottom:.12em; width:4px;
  border-radius:2px; background:var(--ce-gold); }

/* --- blocco Panoramica turistica: editoriale --- */
.ic-tourism{ border-radius:16px!important; }
.ic-tourism__h3{ color:var(--ce-navy); }
.ic-tourism__monument-type, .ic-tourism__route-meta{ color:var(--ce-gold-deep)!important; }
.ic-tourism__draft-badge{ background:rgba(26,114,184,.1)!important; color:var(--ce-gold-deep)!important;
  border-radius:999px; font-size:10.5px; }
.ic-tourism__audio-btn{ font-family:var(--ce-mono)!important; }

/* --- meta-card hero: label mono oro --- */
.comune-hero__meta-label{ color:var(--ce-gold)!important; font-size:10.5px; }

/* --- focus ring oro per a11y --- */
.comune-tabs__btn:focus-visible, .comune-header__nav a:focus-visible, .ic-tourism__nav-btn:focus-visible{
  outline:0; box-shadow:0 0 0 3px rgba(91,196,255,.55)!important; }

/* ============================================================
   ALLINEAMENTO BRAND ALLA HOME (prototipo) + pulizia UX
   ============================================================ */
/* 1) via i tasti flottanti: lingua (sopra) e accessibilita (sotto) */
#ic-lang-fab, .ic-lang-fab, .ica-fab, #ica-fab, [class*="lang-fab"], [id*="lang-fab"]{ display:none !important; }
/* 2) brand body font = Titillium Web (la home la detta), non Inter */
html body, html body p, html body li, html body td, html body span:not(.ic-pro-badge__txt),
html body .comune-hero, html body .comune-panel, html body .comune-section, html body .comune-header{
  font-family:'Titillium Web', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
/* heading display restano Oswald, label/meta JetBrains Mono (gia impostati sopra) */