#sf-regioni-container{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9999;
  font-family:"Helvetica Neue",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:13px;
  color:#fff;
  pointer-events:none; /* non blocca Complianz / freccia su */
}

#sf-regioni-wrapper{
  position:relative;
  width:100%;
}

/* Linguetta */
#sf-regioni-tab{
  position:absolute;
  left:68%;
  transform:translateX(-50%);
  bottom:0;

  pointer-events:auto;
  cursor:pointer;

  background:#E03C00;
  color:#fff;
  font-weight:800;
  letter-spacing:.2px;

  padding:4px 12px;
  border:0;
  border-radius:8px 8px 0 0;
  box-shadow:0 -6px 18px rgba(0,0,0,.18), 0 -2px 6px rgba(0,0,0,.25);
}

/* Barra */
#sf-regioni-panel{
  background:#E03C00;
  box-shadow:0 -6px 18px rgba(0,0,0,.18), 0 -2px 6px rgba(0,0,0,.25);
  transform:translateY(110%);
  transition:transform .26s ease;
  pointer-events:none; /* chiusa: non intercetta click */
  padding:6px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Aperta */
#sf-regioni-container.is-open #sf-regioni-panel{
  transform:translateY(0);
  pointer-events:auto;
}
#sf-regioni-container.is-open #sf-regioni-tab{
  transform:translate(-50%,-100%);
}

/* Dropdown moderno */
.sf-dd{ position:relative; }

.sf-dd__toggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:30px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  pointer-events:auto;
  background:rgba(255,255,255,.96);
  color:#0a8a2a;
  font-weight:800;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
}

.sf-dd__label{ white-space:nowrap; }

.sf-dd__chev{
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  margin-top:-2px;
  opacity:.85;
}

/* Menu (APRE VERSO L'ALTO) */
.sf-dd__menu{
  position:absolute;
  left:0;
  top:auto;
  bottom:calc(100% + 10px);

  min-width:220px;
  max-width:280px;
  max-height:60vh;
  overflow:auto;

  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.25);

  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;

  z-index:100000;
}

.sf-dd.is-open .sf-dd__menu{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.sf-dd__item{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-align:left;
  background:#fff;
  border:0;
  padding:12px 14px;
  cursor:pointer;
  font-weight:800;
  color:#0a8a2a;
}

.sf-dd__item:hover{ background:#f3f5f7; }

.sf-dd__item .sf-dd__check{
  opacity:0;
  transform:scale(.9);
}

.sf-dd__item.is-active{
  background:#eaf7ee;
}

.sf-dd__item.is-active .sf-dd__check{
  opacity:1;
  transform:scale(1);
}

/* Spazio fondo pagina */
body{ padding-bottom:54px; }

/* Mobile */
@media (max-width:480px){
  #sf-regioni-tab{ left:calc(62% - 6px); }
  #sf-regioni-panel{
    justify-content:flex-start;
    padding-left:16px;
  }
  .sf-dd__menu{ min-width:200px; }
}

@media (prefers-reduced-motion:reduce){
  #sf-regioni-panel, #sf-regioni-tab, .sf-dd__menu