/* ==========================================================================
   MasalSaatim - Safe Area and Notch Helper
   ========================================================================== */

:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

/* Safe Padding Helpers */
.pad-safe-top {
  padding-top: calc(16px + var(--safe-top));
}

.pad-safe-bottom {
  padding-bottom: calc(16px + var(--safe-bottom));
}

.pad-safe-sides {
  padding-left: calc(16px + var(--safe-left));
  padding-right: calc(16px + var(--safe-right));
}

/* Mobile Sticky items adjustments */
.sticky-bottom-nav {
  padding-bottom: calc(12px + var(--safe-bottom));
}

.sticky-bottom-cta {
  padding-bottom: calc(16px + var(--safe-bottom));
}

.mobile-drawer {
  padding-top: calc(20px + var(--safe-top));
  padding-bottom: calc(20px + var(--safe-bottom));
}