.sv-mobile-drawer__backdrop {
  position: fixed;
  inset: var(--drupal-displace-offset-top, 0px) 0 0 0;
  z-index: var(--sv-z-drawer-backdrop);
  background: rgba(29, 26, 23, 0.45);
}

.sv-mobile-drawer__backdrop[hidden] {
  display: none !important;
}

/* Scroll lock without position:fixed (avoids sticky/header geometry bugs). */
html.sv-mobile-open,
body.sv-mobile-open {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

@media (min-width: 1366px) {
  html.sv-mobile-open,
  body.sv-mobile-open {
    overflow: visible;
    overscroll-behavior: auto;
    touch-action: auto;
  }
}

/* Hide floating WhatsApp (and similar) while the drawer is open. */
html.sv-mobile-open .sv-whatsapp,
html.sv-mobile-open [class*="whatsapp"],
html.sv-mobile-open a[href*="wa.me"],
body.sv-mobile-open .sv-whatsapp,
body.sv-mobile-open [class*="whatsapp-float"],
body.sv-mobile-open [class*="floating-whatsapp"] {
  visibility: hidden !important;
  pointer-events: none !important;
}

.sv-mobile-nav__link,
.sv-mobile-nav__label,
.sv-mobile-nav__sub-link {
  overflow-wrap: anywhere;
}