/**
 * iOS / PWA: notch, home indicator, standalone layout
 * Requires viewport-fit=cover on the page meta viewport.
 */

@media (max-width: 1023px) {
  body {
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
  }

  .header {
    padding-top: env(safe-area-inset-top, 0px);
  }

  .home-announcements-bar {
    overflow: visible;
    scroll-margin-top: calc(56px + env(safe-area-inset-top, 0px));
  }

  .bottom-nav {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: none;
    width: 100%;
    max-width: 500px;
    bottom: 0;
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
  }

  html {
    scroll-padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
  }

  .bottom-nav-spacer {
    display: block;
    height: calc(92px + env(safe-area-inset-bottom, 0px));
  }

  .spc-pwa-banner {
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }
}

/* Standalone: alt menü her zaman (yatay iPhone dahil) */
@media (display-mode: standalone) and (max-width: 1023px) {
  .bottom-nav {
    display: flex !important;
  }
}

html.spc-pwa-standalone .bottom-nav {
  display: flex !important;
}

@media (min-width: 1024px) {
  html.spc-pwa-standalone .bottom-nav {
    display: none !important;
  }
}