
/* Mobile-only: disable native tap/selection/focus visuals on clickable elements. */
@media (hover: none), (pointer: coarse), (max-width: 989.98px) {
  :where(
    a,
    button,
    label,
    summary,
    [role="button"],
    [onclick],
    [tabindex],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="checkbox"],
    input[type="radio"],
    .menu-item,
    .nav-item,
    .nav-link,
    .submenu-item,
    .accordion-button,
    .accordion-toggle,
    .pano-item,
    .category,
    .toggle,
    .button,
    .btn
  ) {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    outline: none !important;
  }

  :where(
    a,
    button,
    label,
    summary,
    [role="button"],
    [onclick],
    [tabindex],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="checkbox"],
    input[type="radio"],
    .menu-item,
    .nav-item,
    .nav-link,
    .submenu-item,
    .accordion-button,
    .accordion-toggle,
    .pano-item,
    .category,
    .toggle,
    .button,
    .btn
  ):focus,
  :where(
    a,
    button,
    label,
    summary,
    [role="button"],
    [onclick],
    [tabindex],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="checkbox"],
    input[type="radio"],
    .menu-item,
    .nav-item,
    .nav-link,
    .submenu-item,
    .accordion-button,
    .accordion-toggle,
    .pano-item,
    .category,
    .toggle,
    .button,
    .btn
  ):focus-visible,
  :where(
    a,
    button,
    label,
    summary,
    [role="button"],
    [onclick],
    [tabindex],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    input[type="checkbox"],
    input[type="radio"],
    .menu-item,
    .nav-item,
    .nav-link,
    .submenu-item,
    .accordion-button,
    .accordion-toggle,
    .pano-item,
    .category,
    .toggle,
    .button,
    .btn
  ):active {
    outline: none !important;
    box-shadow: none !important;
  }
}
