/* ic-fix-night-2.css
 * Estratto da <style id="ic-inline-final"> di index.html
 * Migrazione 2026-05-26: niente piu inline CSS in HTML
 * Versionato via ?v=20260526 per cache busting
 * Tag git: pre-night-2-20260526
 */
html body #provPills .prov-pill-wrap.prov-pill-wrap,html body .prov-pills .prov-pill-wrap.prov-pill-wrap{overflow:visible !important}html body[data-view] section #provPills.prov-pills.prov-pills.prov-pills,html body[data-view] section .prov-pills.prov-pills.prov-pills{grid-auto-rows:min-content !important}html body #provPills .prov-pill-wrap[open] .prov-dd.prov-dd,html body .prov-pills .prov-pill-wrap[open] .prov-dd.prov-dd{position:static !important;transform:none !important;width:100% !important;max-width:none !important;left:auto !important}html body #provPills .prov-pill-wrap{background:#fff !important;border:1px solid #ececef !important;border-radius:18px !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important;min-height:96px !important}html body #provPills .prov-pill-wrap>summary.prov-pill{font-family:"Inter",system-ui,-apple-system,sans-serif !important;gap:18px !important;padding:14px 18px !important;align-items:center !important;grid-template-columns:64px 1fr 28px !important;background:transparent !important;border:none !important}html body #provPills .prov-pill-wrap>summary.prov-pill>.prov-pill__icon{width:64px !important;height:64px !important;border-radius:50% !important;background:#f3f4f6 !important;display:grid !important;place-items:center !important;padding:12px !important;box-sizing:border-box !important;border:none !important}html body #provPills .prov-pill-wrap>summary.prov-pill>.prov-pill__icon img{max-width:100% !important;max-height:100% !important}html body #provPills .prov-pill-wrap>summary.prov-pill>.prov-pill__text,html body #provPills .prov-pill-wrap>summary.prov-pill .prov-pill__name,html body #provPills .prov-pill-wrap>summary.prov-pill .prov-pill__meta{background:transparent !important;background-color:transparent !important;border:none !important;padding:0 !important;margin:0 !important}html body #provPills .prov-pill-wrap>summary.prov-pill>.prov-pill__text{display:flex !important;flex-direction:column !important;gap:2px !important;min-width:0 !important}html body #provPills .prov-pill-wrap>summary.prov-pill .prov-pill__name{font-family:"Inter",system-ui,-apple-system,sans-serif !important;font-size:22px !important;font-weight:700 !important;color:#0b2340 !important;letter-spacing:-0.01em !important;line-height:1.2 !important;text-transform:none !important}html body #provPills .prov-pill-wrap>summary.prov-pill .prov-pill__meta{font-family:"Inter",system-ui,-apple-system,sans-serif !important;font-size:15px !important;font-weight:400 !important;color:#6b7283 !important;text-transform:capitalize !important;line-height:1.3 !important}html body #provPills .prov-pill-wrap>summary.prov-pill>.prov-pill__chev{color:#0b2340 !important;width:24px !important;height:24px !important;stroke-width:2.5 !important;padding:0 !important;margin:0 !important;background:transparent !important;border:none !important;opacity:1 !important;flex:0 0 auto !important}html body #provPills .prov-pill-wrap>summary.prov-pill>.prov-pill__chev path{stroke:#0b2340 !important}@media (min-width:1024px){html body #provPills.prov-pills.prov-pills.prov-pills,html body .prov-pills.prov-pills.prov-pills{grid-template-columns:repeat(3,1fr) !important;gap:14px !important;max-width:none !important;width:100% !important;margin:0 auto !important;padding-left:0 !important;padding-right:0 !important;align-items:start !important}}h1.ic-hero-h1-visible{font-family:"Inter",system-ui,-apple-system,sans-serif !important;font-weight:800 !important;letter-spacing:-0.015em !important;line-height:1.15 !important}@media (max-width:768px){html,body{height:auto !important;min-height:100% !important;overflow:visible !important;overflow-y:auto !important}html body #provPills .prov-pill-wrap[open] .prov-dd .prov-dd-grid{grid-template-columns:1fr !important;gap:8px !important}html body #provPills .prov-pill-wrap[open] .prov-dd .prov-dd-grid .prov-dd-item{width:100% !important;max-width:100% !important;box-sizing:border-box !important;justify-self:stretch !important;text-align:left !important;padding-left:16px !important}html,body{touch-action:auto !important;-webkit-overflow-scrolling:touch !important}html body #provPills .prov-pill-wrap[open] .prov-dd{max-height:none !important;overflow:visible !important}html body #provPills .prov-pill-wrap[open] .prov-dd .prov-dd-grid{gap:2px !important}html body #provPills a.prov-dd-item.prov-dd-item{padding-top:5px !important;padding-bottom:5px !important;min-height:auto !important;line-height:1.2 !important}}html body #provPills .prov-pill-wrap[open] .prov-dd .prov-dd-cap-icon{background:radial-gradient(circle at 30% 30%,#1a3a6e 0%,#0b2340 70%) !important;transition:box-shadow .25s ease,transform .25s ease,background .25s ease !important}html body #provPills .prov-pill-wrap[open] .prov-dd .prov-dd-cap:hover .prov-dd-cap-icon{background:radial-gradient(circle at 30% 30%,#2563eb 0%,#0b2340 80%) !important;box-shadow:0 0 18px rgba(74,222,128,0.4) !important;transform:scale(1.05) !important}html body #provPills .prov-pill-wrap[open] .prov-dd .prov-dd-cap-icon svg{color:#fff !important}html body [role="option"][data-disabled="1"]{opacity:.38 !important;cursor:not-allowed !important;pointer-events:none !important;text-decoration:line-through !important}html body [role="option"][data-disabled="1"]::after{content:" · prossimamente";font-size:.7em;opacity:.7;text-decoration:none}@media (hover:hover) and (pointer:fine){}@media (pointer:coarse),(max-width:768px){html body button:not([disabled]),html body [role="button"],html body a.btn,html body .ic-icon-btn,html body header button{min-height:44px !important;min-width:44px !important}}html body #provPills.prov-pills.prov-pills,html body .prov-pills.prov-pills{border:none !important;outline:none !important;background:transparent !important;padding:0 !important}@media (max-width:768px){html body .site-header,html body header.site-header,html body .ic-header,html body header{justify-content:center !important;text-align:center !important}html body .site-header__logo,html body header img[alt="InfoComuni"]{margin-left:auto !important;margin-right:auto !important;display:block !important}}/* ==== INFOCOMUNI - INLINE FINAL OVERRIDE - design pill elegante ==== */
/* Caricato come ultimo style nel head: vince su qualsiasi external CSS */

html body .site-header__logo--light { display: none !important; }
html body .site-header__logo--dark { display: inline-block !important; }
html body .ic-hero-cta-wrap, html body .ic-hero-cta-primary { display: none !important; }
html body .hero__map-bg, html body .hero-puglia-bg { display: none !important; }

/* Hero compatto e armonioso */
html body section.hero.hero--puglia-map {
  background: #ffffff !important;
  min-height: auto !important;
  padding: 18px 16px 6px !important;
}
html body .hero--puglia-map h1, html body #ic-home-title {
  color: #0B2340 !important; font-weight: 800 !important;
  margin: 0 0 4px !important; line-height: 1.05 !important;
}
html body .ic-hero-h1-visible__sub, html body [data-i18n="home_hero_h1_sub"] {
  color: #4E566C !important; display: block !important;
  margin: 0 0 12px !important; font-size: 15px !important; font-weight: 400 !important;
}
html body [data-i18n="home_search_subtitle"] {
  color: #4E566C !important; font-size: 12px !important;
  letter-spacing: 0.08em !important; margin: 6px 0 0 !important;
}

/* Griglia province: 2 col desktop, 1 col mobile */
html body #provPills, html body .prov-pills {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 8px 20px 16px !important;
  margin: 0 auto !important;
  max-width: 880px !important;
  list-style: none !important;
}
@media (max-width: 768px) {
  html body #provPills, html body .prov-pills {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 4px 14px 12px !important;
    max-width: 520px !important;
  }
}

/* Card wrapper - bordo sottile, no shadow, radius soft */
html body #provPills .prov-pill-wrap,
html body .prov-pills .prov-pill-wrap {
  margin: 0 !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1px solid #E7E9EF !important;
  box-shadow: none !important;
  overflow: hidden !important;
  min-height: 0 !important;
  position: relative !important;
}

/* Summary - layout pulito 3 colonne */
html body #provPills .prov-pill-wrap > summary.prov-pill,
html body .prov-pills .prov-pill-wrap > summary.prov-pill {
  display: grid !important;
  grid-template-columns: 64px 1fr 20px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: #0B2340 !important;
}
html body #provPills .prov-pill-wrap > summary.prov-pill::-webkit-details-marker,
html body #provPills .prov-pill-wrap > summary.prov-pill::marker {
  display: none !important; content: "" !important;
}

/* Forza visibilita figli del summary (anti-AGID > * display:none) */
html body #provPills .prov-pill-wrap > summary.prov-pill > * {
  display: revert !important;
}

/* Cerchio icona - grigio chiaro freddo come tuo screenshot */
html body #provPills .prov-pill__icon,
html body .prov-pills .prov-pill__icon {
  width: 64px !important; height: 64px !important;
  background: #F4F5F7 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  border: 0 !important;
}
html body #provPills .prov-pill__icon img,
html body #provPills .prov-pill__icon svg,
html body .prov-pills .prov-pill__icon img,
html body .prov-pills .prov-pill__icon svg {
  width: 48px !important; height: 48px !important;
  display: block !important;
}

/* Testo */
html body #provPills .prov-pill__text,
html body .prov-pills .prov-pill__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
  justify-content: center !important;
}
html body #provPills .prov-pill__name,
html body .prov-pills .prov-pill__name {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0B2340 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  display: block !important;
  font-family: inherit !important;
  text-transform: none !important;
}
html body #provPills .prov-pill__meta,
html body .prov-pills .prov-pill__meta {
  font-size: 14px !important;
  color: #6B7585 !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  display: block !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Chevron */
html body #provPills .prov-pill__chev,
html body .prov-pills .prov-pill__chev {
  width: 18px !important; height: 18px !important;
  stroke: #0B2340 !important;
  stroke-width: 2.4 !important;
  fill: none !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* Nascondi badge legacy small "X COMUNI" (NON il dropdown) */
html body #provPills .prov-pill > small,
html body .prov-pills  .prov-pill > small { display: none !important; }

/* Dropdown comuni: visibile solo quando la pillola e aperta */

html body .prov-pill-wrap[open] .prov-dd,
html body #provPills .prov-pill-wrap[open] .prov-dd,
html body .prov-pills  .prov-pill-wrap[open] .prov-dd {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* === Card comune (stesso stile delle pillole provincia) === */
#provPills .prov-dd-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 8px !important;
  max-height: 460px;
  overflow-y: auto;
}
#provPills a.prov-dd-item {
  display: grid !important;
  grid-template-columns: 56px 1fr 20px !important;
  align-items: center !important;
  gap: 14px !important;
  background: #fff !important;
  border: 1px solid #e8e2d2 !important;
  border-radius: 16px !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  color: #0e2f4a !important;
  box-shadow: 0 1px 2px rgba(11,35,64,.04) !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease !important;
}
#provPills a.prov-dd-item:hover,
#provPills a.prov-dd-item:focus-visible {
  transform: translateY(-1px);
  border-color: #d8cda8 !important;
  box-shadow: 0 4px 10px rgba(11,35,64,.08) !important;
  outline: none;
}
.ic-comune-card__icon {
  width: 56px; height: 56px; border-radius: 50%;
  background: #f5ebd6;
  display: inline-flex; align-items: center; justify-content: center;
  color: #0e2f4a;
}
.ic-comune-card__icon svg { width: 30px; height: 30px; }
.ic-comune-card__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ic-comune-card__name {
  font-weight: 700; font-size: 18px; color: #0e2f4a; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ic-comune-card__meta { font-size: 13px; color: #6b8499; font-weight: 500; }
.ic-comune-card__chev { width: 20px; height: 20px; color: #6b8499; }

@media (max-width: 560px) {
  #provPills a.prov-dd-item {
    grid-template-columns: 48px 1fr 18px !important;
    padding: 10px 12px !important;
    gap: 12px !important;
  }
  .ic-comune-card__icon { width: 48px; height: 48px; }
  .ic-comune-card__icon svg { width: 26px; height: 26px; }
  .ic-comune-card__name { font-size: 16px; }
  .ic-comune-card__meta { font-size: 12px; }
}

/* Search bar */
html body #ic-search-bar {
  max-width: 720px !important;
  margin: 0 auto 12px !important;
  padding: 0 16px !important;
}

/* MOBILE FIT - tutto in una schermata iPhone */
@media (max-width: 480px) {
  html body section.hero.hero--puglia-map { padding: 10px 12px 4px !important; }
  html body .hero--puglia-map h1, html body #ic-home-title {
    font-size: 22px !important; line-height: 1.0 !important; margin: 0 0 4px !important;
  }
  html body .ic-hero-h1-visible__sub { font-size: 12px !important; margin: 0 0 8px !important; }
  html body [data-i18n="home_search_subtitle"] { font-size: 10px !important; }
  html body #ic-search-bar { margin: 0 auto 6px !important; }

  html body #provPills, html body .prov-pills {
    gap: 6px !important; padding: 4px 12px 8px !important;
  }
  html body #provPills .prov-pill-wrap > summary.prov-pill,
  html body .prov-pills .prov-pill-wrap > summary.prov-pill {
    grid-template-columns: 52px 1fr 18px !important;
    gap: 12px !important; padding: 8px 12px !important;
  }
  html body #provPills .prov-pill__icon, html body .prov-pills .prov-pill__icon {
    width: 52px !important; height: 52px !important; padding: 6px !important;
  }
  html body #provPills .prov-pill__icon svg, html body #provPills .prov-pill__icon img,
  html body .prov-pills .prov-pill__icon svg, html body .prov-pills .prov-pill__icon img {
    width: 40px !important; height: 40px !important;
  }
  html body #provPills .prov-pill__name, html body .prov-pills .prov-pill__name { font-size: 17px !important; }
  html body #provPills .prov-pill__meta, html body .prov-pills .prov-pill__meta { font-size: 12px !important; }
  html body #provPills .prov-pill-wrap, html body .prov-pills .prov-pill-wrap { border-radius: 14px !important; }
}