/* Mobile UX Fixes — zintos.digital */

@media (max-width: 768px) {
  /* Fix tiny fonts — minimum 0.7rem on mobile for readability */
  .hex-id, .hex-tech, .hex-detail,
  .section-tag, .hero-tag,
  .sc-label, .nav-cta,
  .info-card h4, .response-time span,
  .form-group label,
  .p-num, .p-step h4, .p-step p,
  .budget-option,
  .console-body,
  [class*="tag"], [class*="label"] {
    font-size: max(0.7rem, inherit) !important;
  }

  /* Ensure touch targets are at least 44x44px (Apple HIG) */
  .budget-option {
    padding: 0.6rem 1rem !important;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  .btn-neon, .nav-cta, .submit-btn, .price-cta {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Process steps: 1 column on small screens */
  .process-steps {
    grid-template-columns: 1fr !important;
  }
  .p-step::after {
    display: none !important;
  }

  /* Better spacing for mini-contact forms */
  .mini-contact {
    padding: 1.5rem !important;
  }
  .mini-contact input,
  .mini-contact textarea,
  .mini-contact button {
    min-height: 44px;
    font-size: 16px !important; /* Prevents iOS zoom on focus */
  }

  /* Form inputs — prevent iOS zoom */
  input, textarea, select {
    font-size: 16px !important;
  }

  /* Better tap areas for nav links */
  .nav-links a {
    padding: 0.5rem 0 !important;
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* Stats bar — better mobile layout */
  .stat-bar {
    flex-wrap: wrap !important;
  }

  /* Hex tags more readable */
  .hex-tech, .tech-tag {
    font-size: 0.65rem !important;
    padding: 0.3rem 0.8rem !important;
  }
}

/* Extra small screens (< 400px) */
@media (max-width: 400px) {
  .page-hero h1, .hero h1 {
    font-size: 1.8rem !important;
  }

  .section-title {
    font-size: 1.3rem !important;
  }

  .contact-form-wrap {
    padding: 1.5rem !important;
  }

  .budget-range {
    gap: 0.4rem !important;
  }

  .budget-option {
    font-size: 0.65rem !important;
    padding: 0.5rem 0.6rem !important;
  }
}