/* Mobile base adaptations */
html, body {
  height: 100%;
}

body {
  min-height: 100svh;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #ffffff;
}

/* Improve touch targets */
button, a {
  touch-action: manipulation;
}

/* Active tab styling to complement existing Tailwind classes */
.active-tab {
  color: #181811 !important;
}
.active-tab svg {
  color: #181811 !important;
  fill: currentColor !important;
}

/* Images and media scale nicely */
img, video {
  max-width: 100%;
  height: auto;
}

/* Respect safe area on devices with cutouts */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Fix bottom navigation to always be visible */
.flex.gap-2.border-t {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
}

/* Add padding to body to prevent content hiding behind fixed nav */
body {
  padding-bottom: 80px !important;
}