/* ============================================================
   Hilel Solutions — Accessibility Enhancements v1.0
   ============================================================ */

/* ----- 1. Minimum touch target size (44x44px per WCAG 2.5.5) -----
   Apply to icon buttons that are visually smaller. */
.tap-44 {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ----- 2. Visible focus on form inputs (extra layer beyond tokens.css) -----
   Some projects override default focus, this restores it visibly. */
.input-a11y:focus-visible,
input.a11y-focus:focus,
textarea.a11y-focus:focus,
select.a11y-focus:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
  border-color: #3b82f6;
}

/* ----- 3. High-contrast text utilities -----
   For replacing #94A3B8-like muted greys that fail WCAG AA on dark bg.
   Use these classes instead of inline rgba(...,0.6). */
.text-muted-safe-dark {
  /* For DARK backgrounds — passes 4.5:1 on #0a0a0a or similar */
  color: rgba(255, 255, 255, 0.78);
}
.text-muted-safe-light {
  /* For LIGHT backgrounds — passes 4.5:1 on #ffffff */
  color: #475569;
}

/* ----- 4. Safe-area insets for notched mobile devices -----
   Use on fixed-bottom navigation bars. */
.safe-bottom {
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}
.safe-top {
  padding-top: max(16px, env(safe-area-inset-top));
}

/* ----- 5. Forced-colors-mode (Windows High Contrast support) ----- */
@media (forced-colors: active) {
  .btn-primary,
  .cta,
  button[type="submit"] {
    border: 2px solid currentColor;
  }
}

/* ----- 6. Disable text selection on UI chrome (icons, labels) ----- */
.no-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}