/* ClearLeeCars public pages (dealer sites, marketplace, signup): phone refinements.
 * Loaded after each page's own styles. Desktop is untouched. */

.site-actionbar { display: none; }

@media (max-width: 768px) {
  html { -webkit-text-size-adjust: 100%; }

  /* iOS zooms into any form field under 16px - the main reason forms felt unusable on phones */
  input, select, textarea { font-size: 16px !important; }
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select { min-height: 48px; }
  button, .btn, [class*="btn-"] { min-height: 44px; }

  /* Car page: fixed Call / Enquire bar, like a car-sales app */
  .site-actionbar {
    display: flex; gap: .6rem; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
    padding: .65rem 1rem calc(.65rem + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .96); border-top: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, .08);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  }
  .theme-dark .site-actionbar { background: rgba(15, 15, 15, .94); border-top-color: rgba(255, 255, 255, .08); }
  .sab-btn {
    flex: 1; display: flex; align-items: center; justify-content: center; gap: .5rem;
    min-height: 50px; border-radius: 12px; font-weight: 800; font-size: 1rem; text-decoration: none;
    font-family: 'Inter', sans-serif;
  }
  .sab-call { background: #16a34a; color: #fff; }
  .sab-enquire { background: var(--orange, #f07c00); color: #fff; }
  body.has-actionbar { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
}