/*
 * Mobile-specific styles for SkillBridge Job Web
 * This file contains custom styles that are specific to the mobile layout.
 * Tailwind CSS is loaded separately via tailwind.css
 */

/* Base mobile styles */
html, body {
  height: 100%;
  overflow: hidden;
}

/* Safe area insets for iOS */
@supports (padding-top: env(safe-area-inset-top)) {
  .safe-area-top {
    padding-top: env(safe-area-inset-top);
  }
  .safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* Prevent pull-to-refresh on mobile */
body {
  overscroll-behavior: none;
}

/* Smooth scrolling for main content */
.mobile-scroll {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}