/* Standalone PWA (Home-Bildschirm): eigene Vollbild-Hintergrundschicht — Cover-Text unverändert. */

#oorigin-pwa-backdrop {
  display: none;
}

@media (max-width: 1024px) {
  html.is-standalone-pwa-root {
    min-height: 100%;
    min-height: -webkit-fill-available;
  }

  body.is-standalone-pwa.single-cover-bg {
    min-height: 100%;
    min-height: -webkit-fill-available;
  }

  /* Standalone: nur Backdrop zeigt das Motiv — .img-panel bleibt für Text/Nav. */
  body.is-standalone-pwa.single-cover-bg .img-panel {
    background-image: none !important;
    background-color: transparent !important;
  }

  body.is-standalone-pwa #oorigin-pwa-backdrop {
    display: block;
    position: fixed;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: calc(-1 * env(safe-area-inset-bottom, 0px));
    width: auto;
    height: auto;
    min-height: calc(
      var(--oorigin-vv-height, 100dvh)
      + env(safe-area-inset-bottom, 0px)
    );
    pointer-events: none;
    background-color: var(--bg-page, #0f0d14);
    background-image: var(--header-image-mobile);
    background-position: var(--cover-bg-x-mobile) var(--cover-photo-y);
    background-size: cover;
    background-repeat: no-repeat;
  }

  @media (min-width: 800px) and (max-width: 1024px) and (orientation: landscape) {
    body.is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-mobile-landscape) var(--cover-photo-y);
    }
  }

  @media (orientation: portrait) {
    body.is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
    }
  }

  @media (orientation: portrait) and (min-width: 744px) and (max-width: 819px) {
    body.is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: calc(50% + 135px) var(--cover-photo-y);
    }
  }

  body.single-cover-bg[data-cover-mobile-focus].is-standalone-pwa #oorigin-pwa-backdrop {
    background-position: var(--cover-bg-x-mobile) var(--cover-photo-y);
  }
  @media (min-width: 800px) and (max-width: 1024px) and (orientation: landscape) {
    body.single-cover-bg[data-cover-mobile-focus].is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-mobile-landscape) var(--cover-photo-y);
    }
  }
  @media (orientation: portrait) {
    body.single-cover-bg[data-cover-mobile-focus].is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
    }
  }
  @media (orientation: portrait) and (min-width: 744px) and (max-width: 819px) {
    body.single-cover-bg[data-cover-mobile-focus].is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
    }
  }
  @media (min-width: 820px) and (max-width: 1400px) and (orientation: portrait) {
    body.single-cover-bg[data-cover-mobile-focus].is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-mobile-portrait) var(--cover-photo-y);
    }
  }

  @media (min-width: 820px) and (max-width: 1400px) and (orientation: portrait) {
    body.is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-mobile-portrait-wide) var(--cover-photo-y);
    }
  }

  body.single-cover-bg.cover-bg-intrinsic.is-standalone-pwa #oorigin-pwa-backdrop {
    background-position: var(--cover-bg-x-intrinsic-mobile) var(--cover-photo-y);
  }

  @media (min-width: 800px) and (max-width: 1024px) and (orientation: landscape) {
    body.single-cover-bg.cover-bg-intrinsic.is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-intrinsic-mobile-landscape) var(--cover-photo-y);
    }
  }

  @media (orientation: portrait) {
    body.single-cover-bg.cover-bg-intrinsic.is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-intrinsic-mobile-portrait) var(--cover-photo-y);
    }
  }

  @media (min-width: 820px) and (max-width: 1400px) and (orientation: portrait) {
    body.single-cover-bg.cover-bg-intrinsic.is-standalone-pwa #oorigin-pwa-backdrop {
      background-position: var(--cover-bg-x-intrinsic-mobile-portrait) var(--cover-photo-y);
    }
  }

}