/* ============================================================
   TESS Mobile Fixes — applied sitewide
   Loaded after page-specific CSS so wins specificity ties.
   ============================================================ */

/* 1. iOS safe-area: keep sticky CTAs above home indicator */
body {
  padding-bottom: env(safe-area-inset-bottom);
}
.sticky-cta-mobile,
.floating-cta,
.float-cta,
.floating-cta-direct,
.tcc-trigger {
  padding-bottom: calc(14px + env(safe-area-inset-bottom)) !important;
  bottom: calc(16px + env(safe-area-inset-bottom)) !important;
}

/* 2. Prevent iOS auto-zoom on input focus (16px minimum) */
@media (max-width: 720px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* 3. Tap-friendly touch targets (44x44 min per Apple HIG / 48x48 per Google) */
a, button, [role="button"], .btn, input[type="submit"], input[type="button"] {
  min-height: 44px;
  /* Don't force min-width — many small inline links would break layout */
}
/* Exempt small in-line text links */
p a, li a, td a, .nav-item a {
  min-height: 0;
}

/* 4. Skip-link visible on focus */
.skip-link:focus {
  left: 0 !important;
  top: 0 !important;
  width: auto !important;
  height: auto !important;
}

/* 5. Prevent horizontal overflow */
html, body {
  overflow-x: hidden;
}

/* 6. Ensure tables scroll on mobile */
@media (max-width: 720px) {
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* 7. Reduce hero font-size on tiny screens */
@media (max-width: 380px) {
  h1 {
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.1 !important;
  }
}