/* ============================================================
   PRODUCT CARDS — Neo button hover effects + straight corners
   ============================================================ */

/* REMOVE slash/diagonal effect from PRODUCT CARD CONTAINER */
.woocommerce.woocommerce-page ul.products li.product,
ul.products li.product {
  clip-path: none !important;
}

/* ADD TO CART BUTTON — White fill sweep + glitch effect (NO positioning changes) */
.woocommerce.woocommerce-page ul.products li.product .button,
ul.products li.product .button {
  overflow: hidden !important;
  border: 1px solid rgba(252,238,10,0.12) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* White fill sweep background - BEHIND button text */
.woocommerce.woocommerce-page ul.products li.product .button::before,
ul.products li.product .button::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0% !important;
  height: 100% !important;
  background: #ffffff !important;
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: -1 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* Hover state — white fill + glitch */
.woocommerce.woocommerce-page ul.products li.product .button:not([disabled]):not(.disabled):hover,
.woocommerce.woocommerce-page ul.products li.product .button:not([disabled]):not(.disabled):focus,
ul.products li.product .button:not([disabled]):not(.disabled):hover,
ul.products li.product .button:not([disabled]):not(.disabled):focus {
  --cpl-btn__color: #0a0a0a !important;
  --cpl-btn__background-color: transparent !important;
  border-color: #ffffff !important;
  color: #0a0a0a !important;
  animation: neoCplGlitch 0.25s linear !important;
}

.woocommerce.woocommerce-page ul.products li.product .button:not([disabled]):not(.disabled):hover::before,
.woocommerce.woocommerce-page ul.products li.product .button:not([disabled]):not(.disabled):focus::before,
ul.products li.product .button:not([disabled]):not(.disabled):hover::before,
ul.products li.product .button:not([disabled]):not(.disabled):focus::before {
  width: 100% !important;
}

/* Glitch animation for buttons */
/* Animation moved to header-samurai.css as neoCplGlitch (uses CSS vars) */

/* Loading and Added states — no glitch effect, no white fill */
.woocommerce.woocommerce-page ul.products li.product .button.loading,
.woocommerce.woocommerce-page ul.products li.product .button.added,
ul.products li.product .button.loading,
ul.products li.product .button.added {
  animation: none !important;
}

.woocommerce.woocommerce-page ul.products li.product .button.loading::before,
.woocommerce.woocommerce-page ul.products li.product .button.added::before,
ul.products li.product .button.loading::before,
ul.products li.product .button.added::before {
  width: 0% !important;
}