/* Phone sizing for the FleetMark / NEMTMark marketing pages.
   Sizing and spacing ONLY - no content. Same file in marketing/ and nemt-marketing/. Linked from each page's <head>.
   !important because the pages carry their own inline <style> blocks of equal specificity. Desktop is untouched (max-width). */
@media (max-width: 640px) {
  /* every actionable link / button is at least 44px tall (the driver-app standard). Display is NOT forced on .nav-links a:
     the pages hide those on a phone on purpose (".nav-links a:not(.nav-cta){display:none}"); they are flex items, so min-height applies. */
  .nav-links a, .nav-cta { min-height: 44px !important; align-items: center !important; }
  .nav-links a { display: inline-flex; }
  .brand, .foot-links a, .btn, button[type="submit"], a.back { min-height: 44px !important; display: inline-flex !important; align-items: center !important; }
  .btn, button[type="submit"] { justify-content: center !important; }
  .foot-links a { padding: 0 6px !important; }
  /* standalone contact / policy links on the short legal + support lines */
  a[href^="mailto:"], a[href^="tel:"], a[href="/privacy"], a[href="/terms"], a[href="/support"], a[href="/sms"] {
    display: inline-block !important; min-height: 44px !important; line-height: 44px !important; padding: 0 2px !important;
  }
  /* a contact link sitting inside a sentence keeps the sentence's line height; its hit area grows around it instead */
  p a[href^="mailto:"], p a[href^="tel:"] { line-height: inherit !important; min-height: 0 !important; padding: 11px 2px !important; }
  /* a link that is the whole point of its line ("See the full details", the breadcrumb, "Talk to us"): grow its hit area, keep the line */
  p > a:only-child, .crumb a, p > a[href="#reach"], a[href="/account-deletion"] { display: inline-block !important; padding: 11px 2px !important; }
  /* form fields: 44px+ tall, 16px text (16px stops iOS zoom-on-focus) */
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 44px !important; font-size: 16px !important; }
  label:has(> input[type="checkbox"]), label:has(> input[type="radio"]) { min-height: 44px; display: flex; align-items: center; gap: 10px; }
  /* tiny uppercase labels never drop below 11px */
  .mb-lane h5, .bill-row.head, .ma-chip, .bill-st { font-size: 11px !important; }
}