/* iOS Mobile Fixes - Final Version */

/* 1. Viewport Height Fix */
/* Use dynamic viewport height to account for address bar */
.hero,
.login-page,
.hero-section,
.full-height,
.min-vh-100 {
  min-height: 100vh; /* Fallback */
  min-height: 100dvh;
}

.h-100vh {
  height: 100vh; /* Fallback */
  height: 100dvh;
}

/* 2. Form & Button Styling Reset */
/* Remove default iOS glossy/rounded styles */
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select,
button {
  -webkit-appearance: none;
  appearance: none;
}

/* 3. Auto-Zoom Fix */
/* Ensure inputs are at least 16px to prevent zooming on focus */
@media screen and (max-width: 768px) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  textarea,
  select,
  .weight-input,
  .reps-input {
    font-size: 16px !important;
  }
}

/* 4. Fixed Background Fix */
/* Disable fixed backgrounds on mobile to prevent jitter */
@media screen and (max-width: 768px) {
  body,
  .hero-bg,
  .parallax,
  .fixed-bg {
    background-attachment: scroll !important;
  }
}

/* 5. Video Compatibility Helper */
video {
    /* Ensure videos don't overflow */
    max-width: 100%;
}