/* ── Mappa dei cantieri (agente MAPPA): fa stare la mappa WP Google Maps nel layout ── */
.bc-mappa-wp .wpgmza_map { max-width: 100%; height: 800px !important; }
.bc-mappa-wp .gm-style-iw { font-family: inherit; }
.bc-mappa-wp .gm-style-iw a { color: #007469; font-weight: 600; }
@media (max-width: 1023px) {
  .bc-mappa-wp .wpgmza_map { height: 70svh !important; min-height: 420px; }
  .bc-mappa-wp .wpgmza-marker-listing-category-filter { font-size: 13px; }
}
/* Mobile/tablet: il box filtro categorie (di default 207x153, in alto a destra) copriva l'infowindow.
   Lo si riduce a una striscia compatta di "chip" sotto i controlli Mappa/Satellite; mentre un'infowindow e' aperta si attenua
   e non intercetta i tocchi, cosi' scheda e pulsante di chiusura restano sempre raggiungibili. Il desktop (>=1024px) non cambia. */
@media (max-width: 1023px) {
  .bc-mappa-wp .wpgmza-inner-stack.top_right { top: 54px !important; right: 6px !important; left: 6px !important; width: auto !important; max-width: none !important; margin: 0 !important; transition: opacity .2s; }
  .bc-mappa-wp .wpgmza-inner-stack.top_right .wpgmza-marker-listing-category-filter { width: auto !important; max-width: 100% !important; padding: 6px 8px !important; margin: 0 !important; font-size: 12px; line-height: 1.2; flex-direction: column; }
  .bc-mappa-wp .wpgmza-marker-listing-category-filter > label { display: block; margin: 0 0 2px !important; padding: 0 !important; font-size: 12px !important; font-weight: 600; line-height: 1.2 !important; }
  .bc-mappa-wp .wpgmza-marker-listing-category-filter .wpgmza_cat_checkbox_holder,
  .bc-mappa-wp .wpgmza-marker-listing-category-filter ul { margin: 0 !important; padding: 0 !important; max-height: none !important; overflow: visible !important; }
  .bc-mappa-wp .wpgmza-marker-listing-category-filter ul { display: flex; flex-wrap: wrap; gap: 0 14px; list-style: none; }
  .bc-mappa-wp .wpgmza-marker-listing-category-filter li { margin: 0 !important; padding: 0 !important; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
  .bc-mappa-wp .wpgmza-marker-listing-category-filter li label { margin: 0 !important; padding: 4px 0 !important; font-size: 12px !important; line-height: 1.3 !important; }
  .bc-mappa-wp .wpgmza-marker-listing-category-filter input[type=checkbox] { margin: 0; width: 14px; height: 14px; }
  .bc-mappa-wp:has(.gm-style-iw) .wpgmza-inner-stack.top_right { opacity: 0; pointer-events: none; }
}

/* ── Modifiche cliente 06/10/26 ─────────────────────────────────────────────
   Header trasparente (sopra la foto hero): velatura chiara bluastra + sfocatura leggera del fondo + linea chiara in basso.
   La velatura sta in un ::before (non sull'header) perche' backdrop-filter sull'header farebbe da containing block
   al drawer mobile (position: fixed annidato). La dissolvenza e' su opacity, in sincrono con il bg bianco dell'header. */
header.bc-hdr::before {
  content: "";
  position: absolute;
  inset: 0 0 -15px 0; /* la velatura scende ~15px sotto la linea dell'header, come nell'immagine del cliente */
  z-index: -1;
  pointer-events: none;
  background: rgba(138, 163, 172, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 300ms;
}
header.bc-hdr::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px; height: 1px;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.18);
  opacity: 0;
  transition: opacity 300ms;
}
header.bc-hdr[data-tone="dark"]::before,
header.bc-hdr[data-tone="dark"]::after { opacity: 1; }
header.bc-hdr[data-tone="dark"] { border-color: transparent; }

/* Pagina mappa (richiesta cliente 06/10/26): mappa subito sotto il menu, a tutta altezza visibile */
@media (min-width: 768px) { .bc-mappa-top .bc-mappa-wp .wpgmza_map { height: calc(100svh - 230px) !important; min-height: 520px; } }

/* Menu: leggermente più grande per la leggibilità (richiesta cliente 06/10/26: +1px rispetto all'originale da 10px) */
header .bc-nav a, header .bc-subnav a { font-size: 11px; line-height: 13px; }