/* PMX_TOUCH_TARGETS_V1B
   Purpose: reduce WARN_TOUCH_TARGETS from the visual audit.
   Scope: injected only into pages currently flagged WARN_TOUCH_TARGETS.
   No DB / no backend.
*/
@media (max-width: 1024px) {
  :where(
    button,
    [role="button"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    button.btn,
    .btn,
    button.filter,
    .filter
  ) {
    min-height: 44px !important;
    min-width: 44px !important;
    font-size: max(14px, 0.875rem) !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    touch-action: manipulation !important;
  }

  :where(.filter, button.filter, .filter.active, button.filter.active) {
    padding: 10px 14px !important;
    border-radius: 999px !important;
  }

  :where(.btn, a.btn, button.btn, .btn.primary, button.btn.primary) {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  :where(
    a.form-forgot,
    .form-forgot,
    .reg-footer a,
    .terms a,
    .reg-card .terms a,
    .pmx-login-lang button,
    .pmx-register-lang button,
    .lang-switcher-floating button
  ) {
    min-height: 44px !important;
    min-width: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: max(14px, 0.875rem) !important;
    line-height: 1.2 !important;
    touch-action: manipulation !important;
  }

  :where(
    input:not([type="hidden"]),
    select,
    textarea,
    .field-input
  ) {
    min-height: 44px !important;
    font-size: max(16px, 1rem) !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
  }

  input[type="checkbox"],
  input[type="radio"] {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 6px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  .actions,
  .filters,
  .form-actions,
  .pmx-mobile-login-row-v5b,
  .terms,
  .reg-footer {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
