/* Fix for mobile bottom navigation - prevent content from going behind it */
@media (max-width: 1023px) {
  body {
    padding-bottom: 2rem !important;
    /* Reduced body padding as we'll use main padding instead */
  }

  /* Ensure main content area has proper spacing to clear bottom nav (4rem) and FAB (5rem pos) */
  main {
    padding-bottom: 8rem !important;
    margin-bottom: 0 !important;
  }
}