/* ── 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; }

/* Voci del menu desktop (e sottomenu realizzazioni): erano 10px/12px (x1.1 da 1440px, x1.2 da 1700px per lo zoom di html). */
@media (min-width: 1280px) {
  header .bc-nav a, header .bc-subnav a { font-size: 12px; line-height: 14px; white-space: nowrap; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  header .bc-nav ul { column-gap: 24px; }
  header .bc-subpanel { padding-left: 509px; }
}
@media (min-width: 1440px) {
  header .bc-subpanel { padding-left: 524px; }
  header .bc-nav a, header .bc-subnav a { font-size: 13px; line-height: 16px; white-space: nowrap; }
}

/* Pagina mappa: mappa a tutta larghezza che riempie il viewport sotto il menu (header 90px + 1px bordo).
   html ha zoom 1.1 (>=1440px) / 1.2 (>=1700px) e le unita' svh NON sono scalate dallo zoom: si divide per il fattore. */
.bc-mappa-top { padding-top: 91px; }
.bc-mappa-wp.bc-mappa-full { --bc-z: 1; }
@media (min-width: 1440px) { .bc-mappa-wp.bc-mappa-full { --bc-z: 1.1; } }
@media (min-width: 1700px) { .bc-mappa-wp.bc-mappa-full { --bc-z: 1.2; } }
.bc-mappa-wp.bc-mappa-full .wpgmza_map { width: 100% !important; height: calc(100svh / var(--bc-z) - 91px) !important; min-height: 520px; }
@media (max-width: 1023px) {
  .bc-mappa-wp.bc-mappa-full .wpgmza_map { min-height: 440px; }
}