/* Six host elements (#site-nav, .nav__drawer, .booking-show, #faq,
   .coming-soon-page, .popup__card) all paint the same /wallpaper.svg
   pseudo-element. The host already has its own positioning context
   (fixed | relative); we only need the ::before to fill it. Variants
   cover the small differences in repeat / size / position / opacity. */
.wallpaper-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/wallpaper.svg") repeat;
  opacity: 0.075;
  pointer-events: none;
  z-index: 0;
}

.wallpaper-overlay--cover::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.wallpaper-overlay--150::before { background-size: 150%; }

.wallpaper-overlay--fixed::before { position: fixed; }

.wallpaper-overlay--soft::before { opacity: 0.06; }