/* SaloCart V5.2.18 — Responsive backdrop dismissal
   A gentle visual cue that the dimmed area can be tapped to close a sheet.
   Interaction logic is pointer-safe in app.js, so it never dismisses a dialog
   when a gesture began inside its content. */

#modal-root .modal-backdrop-sc[data-backdrop-dismiss="true"] {
  cursor: pointer;
  touch-action: manipulation;
}

#modal-root .modal-sheet,
#modal-root .modal-sheet *,
#notice-root .notice-popup,
#notice-root .notice-popup * {
  cursor: auto;
}

#notice-root.is-open {
  cursor: pointer;
  touch-action: manipulation;
}

#modal-root .modal-backdrop-sc[data-backdrop-dismiss="true"]::before {
  content: "Tap outside to close";
  position: absolute;
  top: max(10px, env(safe-area-inset-top));
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  padding: .35rem .65rem;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 999px;
  background: rgba(10, 25, 17, .32);
  color: rgba(255,255,255,.88);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .01em;
  pointer-events: none;
  opacity: .82;
}

#modal-root .modal-backdrop-sc[data-backdrop-dismiss="true"] > .modal-sheet {
  position: relative;
  z-index: 1;
}

@media (max-width: 991.98px) {
  #modal-root .modal-backdrop-sc[data-backdrop-dismiss="true"]::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #modal-root .modal-backdrop-sc[data-backdrop-dismiss="true"],
  #notice-root.is-open {
    scroll-behavior: auto;
  }
}