/* ==========================================================================
   Site-wide button interaction — the same effect the single product page
   buttons have (ax-product-gallery.css): smooth transition, 1px lift with a
   deeper shadow on hover, press back on click, wine focus ring.
   Interaction only: colours, sizes and existing hover colours are untouched.

   Covered: text action buttons. Not covered on purpose: slider/carousel
   arrows (already positioned with a transform), quantity +/-, tabs, gallery
   photos, filter pills, close/menu/language controls, chat bubbles.
   Product page buttons and #place_order keep their own identical effect.

   :not(#nm-btn-fx) only raises specificity (no element has that id) so this
   wins over older per-button hover rules, some of which set transform:none.
   ========================================================================== */

html body :is(
  a.carousel-add-to-cart-btn,
  .add_to_cart_button,
  .add-to-cart-button,
  .z-btn,
  .ax-auth-submit,
  .btn-submit,
  .fs-products-btn,
  .sorting-button,
  a.fs-action-btn:not(.fs-mobile-only),
  .blog-card-readmore,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce-Button,
  .fs-cart-dropdown a.button,
  a.button.wc-forward,
  a.button.wc-backward,
  .button.pay,
  .ax-mobile-cart-bar-cta
):not(#place_order):not(.single_add_to_cart_button):not(.ax-buy-now-button):not(#nm-btn-fx) {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .25s ease, transform .2s cubic-bezier(.22, .61, .36, 1) !important;
}

@media (hover: hover) {
  html body :is(
    a.carousel-add-to-cart-btn,
    .add_to_cart_button,
    .add-to-cart-button,
    .z-btn,
    .ax-auth-submit,
    .btn-submit,
    .fs-products-btn,
    .sorting-button,
    a.fs-action-btn:not(.fs-mobile-only),
    .blog-card-readmore,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce-Button,
    .fs-cart-dropdown a.button,
    a.button.wc-forward,
    a.button.wc-backward,
    .button.pay
  ):not(#place_order):not(.single_add_to_cart_button):not(.ax-buy-now-button):not([disabled]):not(.disabled):not([aria-disabled="true"]):not(#nm-btn-fx):hover,
  html body .ax-mobile-cart-bar-go:hover .ax-mobile-cart-bar-cta:not(#nm-btn-fx) {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 26px -12px rgba(36, 35, 35, .6) !important;
  }
}

html body :is(
  a.carousel-add-to-cart-btn,
  .add_to_cart_button,
  .add-to-cart-button,
  .z-btn,
  .ax-auth-submit,
  .btn-submit,
  .fs-products-btn,
  .sorting-button,
  a.fs-action-btn:not(.fs-mobile-only),
  .blog-card-readmore,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce-Button,
  .fs-cart-dropdown a.button,
  a.button.wc-forward,
  a.button.wc-backward,
  .button.pay
):not(#place_order):not(.single_add_to_cart_button):not(.ax-buy-now-button):not(#nm-btn-fx):active,
html body .ax-mobile-cart-bar-go:active .ax-mobile-cart-bar-cta:not(#nm-btn-fx) {
  transform: translateY(0) !important;
}

html body :is(
  a.carousel-add-to-cart-btn,
  .add_to_cart_button,
  .add-to-cart-button,
  .z-btn,
  .ax-auth-submit,
  .btn-submit,
  .fs-products-btn,
  .sorting-button,
  a.fs-action-btn:not(.fs-mobile-only),
  .blog-card-readmore,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce-Button,
  .fs-cart-dropdown a.button,
  a.button.wc-forward,
  a.button.wc-backward,
  .button.pay
):not(#place_order):not(.single_add_to_cart_button):not(.ax-buy-now-button):not(#nm-btn-fx):focus-visible {
  outline: 2px solid #7f170e !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  html body :is(
    a.carousel-add-to-cart-btn,
    .add_to_cart_button,
    .add-to-cart-button,
    .z-btn,
    .ax-auth-submit,
    .btn-submit,
    .fs-products-btn,
    .sorting-button,
    a.fs-action-btn:not(.fs-mobile-only),
    .blog-card-readmore,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce-Button,
    .fs-cart-dropdown a.button,
    a.button.wc-forward,
    a.button.wc-backward,
    .button.pay,
    .ax-mobile-cart-bar-cta
  ):not(#place_order):not(.single_add_to_cart_button):not(.ax-buy-now-button):not(#nm-btn-fx) {
    transition: none !important;
    transform: none !important;
  }
}