/* Mobile Optimization - Subvenis - 2026-04-11 */

/* Prevent horizontal scroll */
@media (max-width: 768px) {
  body, html { overflow-x: hidden; }

  /* Touch-friendly targets */
  a, button, .btn, input[type="submit"],
  .nav-link, .navbar-toggler {
    min-height: 44px;
    min-width: 44px;
  }

  /* Readable fonts - prevent iOS zoom */
  input, select, textarea {
    font-size: 16px !important;
    min-height: 44px;
  }

  /* Responsive images */
  img { max-width: 100%; height: auto; }

  /* Better spacing */
  .container { padding-left: 16px; padding-right: 16px; }

  /* Readable body text */
  body, p, li, span { font-size: 16px; line-height: 1.6; }
  h1 { font-size: 1.75rem !important; }
  h2 { font-size: 1.5rem !important; }
  h3 { font-size: 1.25rem !important; }
}

@media (max-width: 480px) {
  /* Full width buttons on small screens */
  .btn { width: 100%; margin-bottom: 0.5rem; }
  h1 { font-size: 1.5rem !important; }
  h2 { font-size: 1.25rem !important; }

  /* Stack columns */
  .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}