/* IONTMAX Theme — Header cart trigger stability
 * Prevents Classic/browser hover/focus states from flashing on the cart action.
 */

body.im-active #header .im-header__actions > a.im-header__cart,
body.im-active #header .im-header__actions > a[data-target="cart"],
body.im-active #header .im-header__actions > a.cart-count,
body.im-active #header .im-header__actions > [data-testid="headerCart"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: var(--im-text, #111214) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color 0.14s ease !important;
}

body.im-active #header .im-header__actions > a.im-header__cart:hover,
body.im-active #header .im-header__actions > a[data-target="cart"]:hover,
body.im-active #header .im-header__actions > a.cart-count:hover,
body.im-active #header .im-header__actions > [data-testid="headerCart"]:hover {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: var(--im-soft, #f2f2f2) !important;
  color: var(--im-text, #111214) !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

body.im-active #header .im-header__actions > a.im-header__cart:focus,
body.im-active #header .im-header__actions > a[data-target="cart"]:focus,
body.im-active #header .im-header__actions > a.cart-count:focus,
body.im-active #header .im-header__actions > [data-testid="headerCart"]:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: var(--im-text, #111214) !important;
  filter: none !important;
  transform: none !important;
}

/* Keyboard-only focus indication. Mouse focus stays visually clean. */
body.im-active #header .im-header__actions > a.im-header__cart:focus-visible,
body.im-active #header .im-header__actions > a[data-target="cart"]:focus-visible,
body.im-active #header .im-header__actions > a.cart-count:focus-visible,
body.im-active #header .im-header__actions > [data-testid="headerCart"]:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(17, 18, 20, 0.14) !important;
  background-color: var(--im-soft, #f2f2f2) !important;
}

body.im-active #header .im-header__actions > a.im-header__cart:active,
body.im-active #header .im-header__actions > a[data-target="cart"]:active,
body.im-active #header .im-header__actions > a.cart-count:active,
body.im-active #header .im-header__actions > [data-testid="headerCart"]:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: var(--im-soft, #f2f2f2) !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

body.im-active #header .im-header__actions > a.im-header__cart::before,
body.im-active #header .im-header__actions > a.im-header__cart::after,
body.im-active #header .im-header__actions > a[data-target="cart"]::before,
body.im-active #header .im-header__actions > a[data-target="cart"]::after,
body.im-active #header .im-header__actions > a.cart-count::before,
body.im-active #header .im-header__actions > a.cart-count::after,
body.im-active #header .im-header__actions > [data-testid="headerCart"]::before,
body.im-active #header .im-header__actions > [data-testid="headerCart"]::after {
  display: none !important;
  content: none !important;
}

body.im-active #header .im-header__actions .im-header__cart .im-header__ico,
body.im-active #header .im-header__actions [data-testid="headerCart"] .im-header__ico,
body.im-active #header .im-header__actions a[data-target="cart"] .im-header__ico,
body.im-active #header .im-header__actions a.cart-count .im-header__ico {
  display: block !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
