/* Alfa Food B2B v4.6.0 - iPhone/mobile bottom navigation position hotfix
   Appearance only. Does not modify cart, auth, routes or ordering. */
@media screen and (max-width: 700px) {
  /* Keep the dock near the bottom Safari viewport without placing it under the
     home indicator. On iOS this lowers it around 20-25px versus the old rule. */
  nav.mobile-bottom {
    bottom: max(4px, calc(env(safe-area-inset-bottom, 0px) - 18px)) !important;
    left: 8px;
    right: 8px;
    padding: 5px 7px;
    border-radius: 21px;
    background: #fffdfa;
    border-color: #e0e9df;
    box-shadow: 0 8px 22px rgba(13, 48, 33, .13);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  /* Preserve the four comfortable touch targets without making a tall panel. */
  nav.mobile-bottom a {
    min-height: 50px;
  }

  /* Prevent the last row or the last action from being trapped beneath the dock. */
  body {
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Keep floating cart and mobile totals clear of the moved navigation. */
  .floating-cart {
    bottom: calc(79px + max(4px, calc(env(safe-area-inset-bottom, 0px) - 18px))) !important;
  }
  .mobile-summary-bar {
    bottom: calc(75px + max(4px, calc(env(safe-area-inset-bottom, 0px) - 18px))) !important;
  }
}