/* ============================================================
   InfoComuni — Scheda-comune ALLINEATA alla brand della HOME
   Header · secondo menu (tab) · "Per il turista" = stile home.
   Token: navy #09223A/#0B2340 · oro #5BC4FF/#3A8FCC · paper #F4F6F9
   Font: Oswald (display) · Titillium Web (body) · JetBrains Mono (label)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Titillium+Web:wght@400;600;700&family=JetBrains+Mono:wght@600&display=swap');

:root{ --cb-navy:#0b2340; --cb-navy-900:#09223a; --cb-gold:#5BC4FF; --cb-gold-deep:#1A72B8; --cb-paper:#F4F6F9; --cb-line:#E2E8F0; }

/* ===== 1) HEADER come la home: barra navy, logo bianco, nav editoriale ===== */
html body .comune-header{
  background:var(--cb-navy-900)!important; border-bottom:1px solid rgba(91,196,255,.18)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04)!important;
}
/* Header comune ALLINEATO al pixel all'altezza dell'header home (~65px, inner min-height 64):
   prima 92px, poi 57px; ora identico a .site-header. */
html body header.comune-header{ padding-top:0 !important; padding-bottom:0 !important; }
html body header.comune-header .comune-header__inner{ min-height:64px !important; padding:8px 0 !important; }
html body header.comune-header .comune-header__nav a{ font-size:14px !important; }
html body .comune-header__comune-label{ font-family:'JetBrains Mono',monospace!important; font-size:10px!important;
  letter-spacing:.16em; text-transform:uppercase; color:var(--cb-gold)!important; }
html body .comune-header__comune-name{ font-family:'Oswald',sans-serif!important; font-weight:600!important; color:#fff!important; }
html body .comune-header__nav a{
  font-family:'Titillium Web',sans-serif!important; font-weight:600!important; font-size:15px!important;
  color:rgba(255,255,255,.86)!important; letter-spacing:.01em; transition:color .2s;
}
html body .comune-header__nav a:hover, html body .comune-header__nav a[aria-current]{ color:var(--cb-gold)!important; }
html body .comune-header__back{
  font-family:'JetBrains Mono',monospace!important; font-size:12px!important; letter-spacing:.1em; text-transform:uppercase;
  border:1px solid rgba(91,196,255,.45)!important; border-radius:999px!important;
  color:#e7eef6!important; -webkit-text-fill-color:#e7eef6!important; background:rgba(91,196,255,.10)!important;
}
html body .comune-header__back span{ color:#e7eef6!important; -webkit-text-fill-color:#e7eef6!important; }
html body .comune-header__back svg, html body .comune-header__back svg *{ color:#5BC4FF!important; stroke:#5BC4FF!important; }
html body .comune-header__back:hover{ background:rgba(91,196,255,.18)!important; color:#fff!important; -webkit-text-fill-color:#fff!important; }
html body .comune-header__logo--light{ display:block!important; } html body .comune-header__logo--dark{ display:none!important; }

/* ===== 2) SECONDO MENU (tab) — stile PILL come "Cammini" (Esplora) ===== */
html body .comune-tabs.comune-tabs{ background:var(--cb-paper)!important; border-bottom:1px solid var(--cb-line)!important; }
html body .comune-tabs .comune-tabs__scroll{ gap:14px!important; padding:14px 22px!important; }
html body .comune-tabs .comune-tabs__btn{
  display:inline-flex!important; align-items:center; gap:6px!important;
  font-family:'JetBrains Mono',monospace!important; font-size:12px!important; font-weight:600!important;
  letter-spacing:.06em; text-transform:uppercase; color:#0b2340!important;
  background:transparent!important; border:none!important; border-radius:999px!important;
  padding:10px 18px!important; box-shadow:none!important; transition:background .2s, color .2s, box-shadow .2s;
}
html body .comune-tabs .comune-tabs__btn svg, html body .comune-tabs .comune-tabs__btn .ic{ color:#0b2340!important; opacity:1!important; }
html body .comune-tabs .comune-tabs__btn:hover{ background:rgba(9,34,58,.06)!important; }
/* is-active: SOLO sottolineatura (via span::after), niente pill navy */
html body .comune-tabs .comune-tabs__btn.is-active, html body .comune-tabs .comune-tabs__btn[aria-selected="true"]{
  background:transparent!important; color:var(--cb-navy)!important; box-shadow:none!important;
}
/* Elimina la SECONDA linea: comune-restyle.css inietta ::after sul pulsante (larghezza btn).
   La nostra sottolineatura è su span::after (larghezza parola). Disabilita quella del btn. */
html body .comune-tabs .comune-tabs__btn[aria-selected="true"]::after,
html body .comune-tabs .comune-tabs__btn.is-active::after{
  content:none!important; display:none!important; background:none!important;
}
html body .comune-tabs .comune-tabs__btn.is-active span, html body .comune-tabs .comune-tabs__btn[aria-selected="true"] span{
  color:var(--cb-navy)!important; -webkit-text-fill-color:var(--cb-navy)!important;
}
/* icona attiva: oro scuro (#1A72B8) su sfondo chiaro — raffinato, non sgargiante */
html body .comune-tabs .comune-tabs__btn.is-active svg, html body .comune-tabs .comune-tabs__btn[aria-selected="true"] svg,
html body .comune-tabs .comune-tabs__btn.is-active .ic, html body .comune-tabs .comune-tabs__btn[aria-selected="true"] .ic{
  color:#1A72B8!important; stroke:#1A72B8!important; opacity:1!important;
}

/* ===== 3) "PER IL TURISTA" (ic-tourism) — in tema con la home ===== */
html body .ic-tourism{
  background:var(--cb-paper)!important; border:1px solid var(--cb-line)!important; border-radius:18px!important;
  box-shadow:0 10px 30px rgba(9,34,58,.08)!important; overflow:hidden;
}
html body .ic-tourism__head{ background:linear-gradient(150deg,var(--cb-navy-900),#14466b)!important; color:#fff!important;
  border-bottom:3px solid var(--cb-gold)!important; padding-bottom:44px!important; }
html body .ic-tourism__head *, html body .ic-tourism__head h2, html body .ic-tourism__head h3{ color:#fff!important; }
html body .ic-tourism__icon{ color:var(--cb-gold)!important; }
html body .ic-tourism__lead{ font-family:'Titillium Web',sans-serif!important; font-size:17px!important; line-height:1.6!important; color:#2a3340!important; }
html body .ic-tourism__h3{ font-family:'Oswald',sans-serif!important; font-weight:600!important; color:var(--cb-navy)!important;
  letter-spacing:.01em; position:relative; padding-left:15px; }
html body .ic-tourism__h3::before{ content:''; position:absolute; left:0; top:.18em; bottom:.18em; width:4px; border-radius:2px; background:var(--cb-gold); }
html body .ic-tourism__body, html body .ic-tourism__list, html body .ic-tourism__route-body{ font-family:'Titillium Web',sans-serif!important; color:#3a434f!important; }
html body .ic-tourism__monument-type, html body .ic-tourism__route-meta{ font-family:'JetBrains Mono',monospace!important;
  font-size:11px!important; letter-spacing:.06em; text-transform:uppercase; color:var(--cb-gold-deep)!important; }
/* monument cards: niente bordo pieno (gestito da redesign.css con barra sinistra) */
html body .ic-tourism__monuments > *{ background:#fff!important; border:none!important; border-left:3px solid var(--cb-gold-deep,#3A8FCC)!important; border-radius:0 10px 10px 0!important; }
html body .ic-tourism__audio-btn, html body .ic-tourism__nav-btn{
  font-family:'JetBrains Mono',monospace!important; font-size:12px!important; letter-spacing:.06em;
  border:1px solid var(--cb-navy)!important; border-radius:999px!important; color:var(--cb-navy)!important; background:#fff!important; }
html body .ic-tourism__audio-btn:hover, html body .ic-tourism__nav-btn:hover{ background:var(--cb-navy)!important; color:#fff!important; }
html body .ic-tourism__draft-badge{ font-family:'JetBrains Mono',monospace!important; font-size:10px!important;
  background:rgba(26,114,184,.12)!important; color:var(--cb-gold-deep)!important; border-radius:999px!important; }
html body .ic-tourism__map, html body .ic-tourism__map-wrap{ border-radius:14px!important; overflow:hidden; border:1px solid var(--cb-line)!important; }

/* ===== specificita robusta (batte html body header.comune-header di ic-kiosk-skin) ===== */
html body header.comune-header.comune-header{ background:#09223a!important; border-bottom:1px solid rgba(91,196,255,.18)!important; }
html body header.comune-header.comune-header .comune-header__comune-name{ color:#fff!important; font-family:'Oswald',sans-serif!important; }
html body header.comune-header.comune-header .comune-header__comune-label{ color:#5BC4FF!important; }
html body header.comune-header.comune-header .comune-header__nav a{ color:rgba(255,255,255,.86)!important; }
html body header.comune-header.comune-header .comune-header__nav a:hover{ color:#5BC4FF!important; }
html body header.comune-header.comune-header .comune-header__logo--light{ display:block!important; }
html body header.comune-header.comune-header .comune-header__logo--dark{ display:none!important; }
/* (tab pill style: vedi sezione 2 sopra; niente override navy qui) */
html body .ic-tourism.ic-tourism{ background:#F4F6F9!important; }
html body .ic-tourism.ic-tourism .ic-tourism__head{ background:linear-gradient(150deg,#09223a,#14466b)!important; }

/* sottolineatura attiva = LARGA QUANTO LA PAROLA: posizionata sotto l'etichetta (span) */
html body .comune-tabs .comune-tabs__btn.is-active span,
html body .comune-tabs .comune-tabs__btn[aria-selected="true"] span{ position:relative!important; }
html body .comune-tabs .comune-tabs__btn.is-active span::after,
html body .comune-tabs .comune-tabs__btn[aria-selected="true"] span::after{
  content:''!important; position:absolute!important; left:0!important; right:0!important;
  bottom:-6px!important; height:2px!important; border-radius:1px!important;
  background:linear-gradient(90deg,#1A72B8,#3A8FCC)!important;
}