/* Quick toggles — Variante A (colonna verticale a destra, centrata in altezza) */

#quick-toggles{
  /* posizione */
  position: absolute !important;
  right: max(10px, env(safe-area-inset-right)) !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;

  /* layout */
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;

  /* dimensioni/scroll */
  width: 45px !important;
    /* NON mettere overflow-y:auto qui: clippa i pannelli che si aprono */
  max-height: calc(100vh - 200px);
  overflow: visible !important;

  /* resta sopra la mappa */
  z-index: 5000;

  /* (se vuoi tenere la stessa “aria” di prima) */
  padding: var(--spacing);
}

/* ===== Quick toggles: icone e stato ON (senza badge) ===== */

/* dimensione icone: UNA SOLA versione */
#quick-toggles .qt-btn svg{
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

/* il bottone "clear" resta più piccolo */
#quick-toggles .qt-btn.qt-clear svg{
  width: 18px !important;
  height: 18px !important;
}

/* stato ON (senza badge): solo bordo/ombra/saturazione */
#quick-toggles .qt-btn[aria-pressed="true"]{
  border-color: rgba(15,23,42,0.9) !important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.9),
    0 4px 10px rgba(0,0,0,0.28),
    inset 0 -2px 0 rgba(255,255,255,0.35) !important;
  transform: translateY(-1px);
  filter: saturate(1.08);
}

/* opzionale: se vuoi evitare “salti” quando è ON */
#quick-toggles .qt-btn[aria-pressed="true"]:active{
  transform: translateY(0);
}

/* ===== Quick toggles: dimensioni bottoni (UNA sola versione) ===== */

/* dimensione standard bottoni */
#quick-toggles .qt-btn{
  width: 45px !important;
  height: 45px !important;
  min-width: 45px !important;
  min-height: 45px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
}

/* se hai pill/categorie in alto dentro quick toggles, non toccarle */
#quick-toggles .qt-cat-pill{
  height: auto !important;
}

/* mobile: leggermente più compatto (opzionale) */
@media (max-width: 420px){
  #quick-toggles .qt-btn{
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
}

#qt-passato-percorsi-master{
  display: none !important;
}