/* ─────────────────────────────────────────────
 * Audit Fixes — 2026-04-18
 * Target: mobile tap targets (WCAG 44×44) + tiny text
 * Loaded on: landing (iclinicos.com), public pages, legal pages
 * ───────────────────────────────────────────── */

/* ══════ MOBILE-ONLY FIXES (≤ 720px) ══════ */
@media (max-width: 720px) {
  /* Landing top navigation — nav links, login, CTA */
  nav ul li a,
  nav .nav-login,
  nav .nav-cta,
  nav .nav-lang-toggle {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-block: 10px !important;
  }
  nav .nav-login,
  nav .nav-cta {
    font-size: 13px !important;
    padding-inline: 14px !important;
  }
  nav .nav-lang-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* Pricing section — billing cycle toggle */
  .billing-toggle .bt-opt {
    min-height: 44px !important;
    padding-block: 11px !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
  }

  /* Legal pages lang toggle */
  .legal-lang button,
  .pp-lang button {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 10px 14px !important;
    font-size: 12.5px !important;
  }

  /* Trust badges and feature chips — bump from 10-11px to 12.5px */
  .trust-badge,
  .feat-tag,
  .hero-trust-badges span,
  .feat-card .feat-tag {
    font-size: 12.5px !important;
    padding: 5px 10px !important;
  }

  /* Modal close buttons (×) */
  .modal-close,
  .close-modal,
  button.close,
  .lc-close,
  .hw-close {
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 18px !important;
  }

  /* Feature card icon sizes — slightly larger on mobile */
  .feat-card .feat-ic,
  .how-step .how-num {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  /* Footer links — easier to tap */
  footer .footer-col ul li a {
    display: inline-block;
    padding: 6px 0 !important;
    font-size: 13.5px !important;
    min-height: 36px !important;
  }

  /* Auth pages — ensure primary submit button is comfortable */
  .login-btn,
  .register-btn,
  .forgot-submit,
  button[type="submit"] {
    min-height: 48px !important;
  }

  /* Dashboard hero title — more presence */
  .greeting-title {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  /* Legal toc inner font — currently 13px, fine. But links need ≥40px target */
  .legal-toc ol li a {
    display: inline-block;
    min-height: 36px;
    padding: 6px 0;
    line-height: 1.3;
  }
}

/* ══════ ALL VIEWPORTS ══════ */

/* Ensure focus rings are visible for keyboard navigation (accessibility) */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #00D4B4 !important;
  outline-offset: 2px !important;
  border-radius: 6px;
}

/* Links with aria-label but icon-only children get a minimum size */
a[aria-label]:empty,
button[aria-label]:not(:has(> *:not(svg))) {
  min-width: 36px;
  min-height: 36px;
}