/* InfoComuni - schede Esplora di Brindisi (14/09/2026)
   Tipografia leggibile e ordinata per le schede generate da esplora-schede.js.
   Preferenze dell'utente: fondo bianco, angoli non smussati, filetti azzurro
   chiaro, cifre tabulari, tipo in maiuscoletto. Specificita' a ID perche' i
   fogli del sito usano !important con selettori a ID. */

/* griglia: schede alte uguali per riga, azioni allineate in fondo */
html body #tab-cultura .icx-sezione ul.info-list:not(#icx-z1):not(#icx-z2){
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
html body #tab-cultura .icx-sezione li.icx-card:not(#icx-z1):not(#icx-z2){
  display:flex !important; flex-direction:column !important;
  margin:0 !important; padding:0 !important;
  background:#fff !important; background-image:none !important;
  border:1px solid #BFE3FF !important; border-radius:0 !important;
  box-shadow:none !important; min-height:0 !important; height:auto !important; align-self:stretch !important;
  color:#0B2340 !important;
}
html body #tab-cultura .icx-sezione li.icx-card:not(#icx-z1):not(#icx-z2)::before,
html body #tab-cultura .icx-sezione li.icx-card:not(#icx-z1):not(#icx-z2)::after{ display:none !important; }
html body #tab-cultura .icx-sezione .icx:not(#icx-z1):not(#icx-z2){
  display:flex; flex-direction:column; gap:8px; flex:1 1 auto;
  padding:18px 18px 16px;
}

/* tipo: kicker in maiuscoletto monospaziato */
html body #tab-cultura .icx-sezione .icx__tipo:not(#icx-z1):not(#icx-z2){
  margin:0 !important; padding:0 !important; background:none !important; border:0 !important;
  font:600 12px/1.3 "IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace !important;
  letter-spacing:.08em !important; text-transform:uppercase !important;
  color:#3A6A8F !important; -webkit-text-fill-color:#3A6A8F !important;
}
html body #tab-cultura .icx-sezione .icx__titolo:not(#icx-z1):not(#icx-z2){
  margin:0 !important; padding:0 !important; border:0 !important; background:none !important;
  font-size:18px !important; line-height:1.3 !important; font-weight:700 !important;
  letter-spacing:0 !important; text-transform:none !important;
  color:#0B2340 !important; -webkit-text-fill-color:#0B2340 !important;
  overflow-wrap:anywhere;
}
html body #tab-cultura .icx-sezione .icx__titolo:not(#icx-z1):not(#icx-z2)::before{ display:none !important; }

/* righe informative */
html body #tab-cultura .icx-sezione .icx__riga:not(#icx-z1):not(#icx-z2){
  display:flex !important; align-items:flex-start !important; gap:8px !important;
  margin:0 !important; padding:0 !important;
  font-size:15px !important; line-height:1.45 !important; font-weight:400 !important;
  color:#2B4560 !important; -webkit-text-fill-color:#2B4560 !important;
}
html body #tab-cultura .icx-sezione .icx__riga svg:not(#icx-z1):not(#icx-z2){
  flex:none; width:16px; height:16px; margin-top:3px;
  fill:none; stroke:#1565C0; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}
html body #tab-cultura .icx-sezione .icx__tel a:not(#icx-z1):not(#icx-z2){
  display:inline !important; padding:0 !important; margin:0 !important; border:0 !important;
  border-radius:0 !important; background:none !important; box-shadow:none !important;
  font-size:15px !important; font-weight:600 !important; line-height:1.45 !important; font-variant-numeric:tabular-nums !important;
  color:#1565C0 !important; -webkit-text-fill-color:#1565C0 !important;
  text-decoration:underline !important; text-underline-offset:3px !important;
}
html body #tab-cultura .icx-sezione .icx__etichetta:not(#icx-z1):not(#icx-z2){
  color:#2B4560 !important; -webkit-text-fill-color:#2B4560 !important; font-weight:400 !important;
}

/* sintesi e approfondimento */
html body #tab-cultura .icx-sezione .icx__sintesi:not(#icx-z1):not(#icx-z2){
  margin:4px 0 0 !important; padding:10px 0 0 !important; border-top:1px solid #DCEFFC !important;
  font-size:15px !important; line-height:1.5 !important;
  color:#0B2340 !important; -webkit-text-fill-color:#0B2340 !important;
}
html body #tab-cultura .icx-sezione .icx__more:not(#icx-z1):not(#icx-z2){ margin:0 !important; }
html body #tab-cultura .icx-sezione .icx__more summary:not(#icx-z1):not(#icx-z2){
  display:flex !important; align-items:center !important; gap:8px !important;
  min-height:44px !important; padding:0 !important; cursor:pointer;
  font-size:15px !important; font-weight:600 !important;
  color:#1565C0 !important; -webkit-text-fill-color:#1565C0 !important; list-style:none !important;
}
html body #tab-cultura .icx-sezione .icx__more summary::-webkit-details-marker{ display:none; }
html body #tab-cultura .icx-sezione .icx__more summary:not(#icx-z1):not(#icx-z2)::after{
  content:"" !important; width:8px; height:8px; margin-left:2px;
  border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(45deg) translateY(-2px);
}
html body #tab-cultura .icx-sezione .icx__more[open] summary:not(#icx-z1):not(#icx-z2)::after{ transform:rotate(-135deg) translateY(-2px); }
html body #tab-cultura .icx-sezione .icx__more p:not(#icx-z1):not(#icx-z2){
  margin:0 0 8px !important; font-size:15px !important; line-height:1.55 !important;
  color:#0B2340 !important; -webkit-text-fill-color:#0B2340 !important;
}
html body #tab-cultura .icx-sezione .icx__more p.icx__fonti:not(#icx-z1):not(#icx-z2){
  font-size:13px !important; color:#3A5A78 !important; -webkit-text-fill-color:#3A5A78 !important;
}
html body #tab-cultura .icx-sezione .icx__fonti a:not(#icx-z1):not(#icx-z2){
  color:#1565C0 !important; -webkit-text-fill-color:#1565C0 !important; text-decoration:underline !important;
}

/* azioni sempre in fondo alla scheda */
html body #tab-cultura .icx-sezione .icx__azioni:not(#icx-z1):not(#icx-z2){
  display:flex !important; flex-wrap:wrap !important; gap:8px !important;
  margin-top:auto !important; padding-top:10px !important;
}
html body #tab-cultura .icx-sezione a.icx__btn:not(#icx-z1):not(#icx-z2){
  display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important;
  min-height:44px !important; padding:0 16px !important; margin:0 !important;
  border-radius:4px !important; box-shadow:none !important;
  font-size:15px !important; font-weight:600 !important; line-height:1 !important;
  text-decoration:none !important; white-space:nowrap !important;
}
html body #tab-cultura .icx-sezione a.icx__btn--portami:not(#icx-z1):not(#icx-z2){
  background:#0B2340 !important; border:1px solid #0B2340 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
html body #tab-cultura .icx-sezione a.icx__btn--web:not(#icx-z1):not(#icx-z2){
  background:#fff !important; border:1px solid #1565C0 !important;
  color:#1565C0 !important; -webkit-text-fill-color:#1565C0 !important;
}
html body #tab-cultura .icx-sezione a.icx__btn svg:not(#icx-z1):not(#icx-z2){
  width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;
}
html body #tab-cultura .icx-sezione a.icx__btn--portami:not(#icx-z1):not(#icx-z2):hover{ background:#163A63 !important; }
html body #tab-cultura .icx-sezione a.icx__btn--web:not(#icx-z1):not(#icx-z2):hover{ background:#EAF6FF !important; }
html body #tab-cultura .icx-sezione a.icx__btn:not(#icx-z1):not(#icx-z2):focus-visible,
html body #tab-cultura .icx-sezione .icx__more summary:not(#icx-z1):not(#icx-z2):focus-visible{
  outline:3px solid #5BC4FF !important; outline-offset:2px !important;
}
.ic-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;padding:0!important}

@media (max-width:600px){
  html body #tab-cultura .icx-sezione ul.info-list:not(#icx-z1):not(#icx-z2){ grid-template-columns:1fr !important; gap:12px !important; }
  html body #tab-cultura .icx-sezione a.icx__btn:not(#icx-z1):not(#icx-z2){ flex:1 1 auto; }
}
@media (prefers-reduced-motion:reduce){ html body #tab-cultura .icx-sezione *{ transition:none !important; } }
/* 29/09/2026: avviso da fonte ufficiale (chiusure, restauri) */
.icx__avviso{ margin:4px 0 8px; padding:6px 9px; border-left:3px solid #B45309; background:#FFF7ED; color:#7C2D12; font-size:14px; line-height:1.4; }