/* InfoComuni - Mockup Desktop v3 - DEFINITIVO
   Selectors #provPills per specificità >= ic-province-cards.css
   Design preview_griglia.svg, spazi compatti, layout armonioso. */

/* === HERO === */
.ic-hero-cta-wrap, .ic-hero-cta-primary, a.ic-hero-cta-primary { display: none !important; }
.hero__map-bg, .hero-puglia-bg, .hero--puglia-map .hero--puglia-art { display: none !important; }

html body section.hero.hero--puglia-map {
  background: #ffffff !important;
  min-height: auto !important;
  padding: 24px 16px 8px !important;
}
html body .hero--puglia-map h1, html body #ic-home-title {
  color: #070B2D !important;
  font-weight: 800 !important;
  margin: 0 0 6px !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 14px !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}
html body [data-i18n="home_search_subtitle"] {
  color: #4E566C !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  margin: 6px 0 0 !important;
}

/* === GRIGLIA PROVINCE === */
html body #provPills, html body .prov-pills {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 16px 20px 20px !important;
  margin: 4px auto 0 !important;
  max-width: 900px !important;
  list-style: none !important;
}
@media (max-width: 768px) {
  html body #provPills, html body .prov-pills {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 8px 16px 16px !important;
    max-width: 520px !important;
  }
}

/* === CARD WRAPPER (vince su #provPills .prov-pill-wrap di ic-province-cards.css) === */
html body #provPills .prov-pill-wrap,
html body .prov-pills .prov-pill-wrap {
  margin: 0 !important;
  background: #ffffff !important;
  border-radius: 22px !important;
  border: 1.5px solid #E7E9EF !important;
  box-shadow: none !important;
  overflow: hidden !important;
  min-height: 104px !important;
  position: relative !important;
}

/* === SUMMARY (vince su #provPills .prov-pill di ic-province-cards.css) === */
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: 76px 1fr 24px !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px 18px !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: 100px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: #070B2D !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;
}

/* === CERCHIO ICONA === */
html body #provPills .prov-pill__icon,
html body .prov-pills .prov-pill__icon {
  width: 76px !important;
  height: 76px !important;
  background: #F4F1EA !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !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: 56px !important;
  height: 56px !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: 2px !important;
  min-width: 0 !important;
  justify-content: center !important;
}
html body #provPills .prov-pill__name,
html body .prov-pills .prov-pill__name {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #070B2D !important;
  line-height: 1.15 !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: #4E566C !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  display: block !important;
  letter-spacing: 0.01em !important;
}

/* === CHEVRON === */
html body #provPills .prov-pill__chev,
html body .prov-pills .prov-pill__chev {
  width: 20px !important;
  height: 20px !important;
  stroke: #070B2D !important;
  stroke-width: 2.4 !important;
  fill: none !important;
  flex-shrink: 0 !important;
  display: block !important;
  opacity: 0.85 !important;
}

/* === DROPDOWN comuni: nascosto === */
html body #provPills .prov-pill-wrap[open] .prov-dd,
html body .prov-pills .prov-pill-wrap[open] .prov-dd,
.prov-dd { display: none !important; }

/* === SMALL "X COMUNI" legacy: nascondi (sostituito da meta) === */
html body #provPills .prov-pill > small,
html body .prov-pills .prov-pill > small { display: none !important; }

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

/* === MOBILE COMPACT === */
@media (max-width: 480px) {
  html body section.hero.hero--puglia-map { padding: 14px 12px 6px !important; }
  html body .hero--puglia-map h1, html body #ic-home-title { font-size: 26px !important; }
  html body .ic-hero-h1-visible__sub, html body [data-i18n="home_hero_h1_sub"] {
    font-size: 14px !important; margin: 0 0 10px !important;
  }
  html body [data-i18n="home_search_subtitle"] { font-size: 12px !important; }
  html body #provPills .prov-pill-wrap > summary.prov-pill,
  html body .prov-pills .prov-pill-wrap > summary.prov-pill {
    grid-template-columns: 64px 1fr 22px !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    min-height: 84px !important;
  }
  html body #provPills .prov-pill__icon, html body .prov-pills .prov-pill__icon {
    width: 64px !important; height: 64px !important; padding: 8px !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: 48px !important; height: 48px !important;
  }
  html body #provPills .prov-pill__name, html body .prov-pills .prov-pill__name { font-size: 19px !important; }
  html body #provPills .prov-pill__meta, html body .prov-pills .prov-pill__meta { font-size: 13px !important; }
  html body #provPills .prov-pill-wrap, html body .prov-pills .prov-pill-wrap {
    min-height: 88px !important; border-radius: 18px !important;
  }
}

/* === LABEL "LE PROVINCE DELLA PUGLIA" (se presente) === */
html body .ic-prov-section-label, html body [data-i18n*="prov_section"] {
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  color: #4E566C !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 0 20px !important;
  margin: 18px auto 4px !important;
  max-width: 900px !important;
  display: block !important;
}