/* ============================================================
   TTZ glossy + glow buttons (sitewide)
   Each button keeps its colour identity; adds gloss, glow, shine.
   Remove this file (or the ttz-buttons.php loader) to revert.
   ============================================================ */

:root{--ttz-or1:#ff7c47;--ttz-or2:#fa5114;--ttz-or3:#dd420c;--ttz-or-glow:rgba(250,81,20,.55)}

/* ---------- Shared shell ---------- */
.button.primary:not(.is-outline):not(.is-link):not(.icon):not(.plain),
.button.alt:not(.is-outline),
.woocommerce-cart .checkout-button,
.wc-proceed-to-checkout .checkout-button,
#place_order,
.ttz-btn,
.price_slider_amount .button,
form.checkout_coupon button[name="apply_coupon"],
.woocommerce-cart button[name="apply_coupon"],
.ux-buy-now-button,
.single_add_to_cart_button{
  position:relative;overflow:hidden;isolation:isolate;
  border-color:transparent!important;color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
  transition:transform .18s ease,box-shadow .25s ease,filter .25s ease!important;
}

/* Shine sweep (on hover) */
.button.primary:not(.is-outline):not(.is-link):not(.icon):not(.plain)::after,
.button.alt:not(.is-outline)::after,
.woocommerce-cart .checkout-button::after,
#place_order::after,
.ttz-btn::after,
.price_slider_amount .button::after,
form.checkout_coupon button[name="apply_coupon"]::after,
.woocommerce-cart button[name="apply_coupon"]::after,
.ux-buy-now-button::after,
.single_add_to_cart_button::after{
  content:'';position:absolute;top:0;left:-80%;width:55%;height:100%;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%);
  transform:skewX(-20deg);transition:left .65s ease;
}
.button.primary:not(.is-outline):not(.is-link):not(.icon):not(.plain):hover::after,
.button.alt:not(.is-outline):hover::after,
.woocommerce-cart .checkout-button:hover::after,
#place_order:hover::after,
.ttz-btn:hover::after,
.price_slider_amount .button:hover::after,
form.checkout_coupon button[name="apply_coupon"]:hover::after,
.woocommerce-cart button[name="apply_coupon"]:hover::after,
.ux-buy-now-button:hover::after,
.single_add_to_cart_button:hover::after{left:130%}

/* ---------- Orange = primary (Buy now, Shop location, filters, coupon) ---------- */
.button.primary:not(.is-outline):not(.is-link):not(.icon):not(.plain),
.ttz-btn,
.price_slider_amount .button,
form.checkout_coupon button[name="apply_coupon"],
.woocommerce-cart button[name="apply_coupon"]{
  background-color:var(--ttz-or2)!important;
  background-image:linear-gradient(180deg,var(--ttz-or1) 0%,var(--ttz-or2) 52%,var(--ttz-or3) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.14),0 6px 16px -4px var(--ttz-or-glow)!important;
}
.button.primary:not(.is-outline):not(.is-link):not(.icon):not(.plain):hover,
.ttz-btn:hover,
.price_slider_amount .button:hover,
form.checkout_coupon button[name="apply_coupon"]:hover,
.woocommerce-cart button[name="apply_coupon"]:hover{
  transform:translateY(-1px);filter:saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.14),0 10px 26px -4px rgba(250,81,20,.75)!important;
}

/* ---------- Blue = secondary (Add to cart, Proceed to checkout, Place order) ---------- */
.button.alt:not(.is-outline),
.single_add_to_cart_button,
.woocommerce-cart .checkout-button,
.wc-proceed-to-checkout .checkout-button,
#place_order{
  background-color:#4aa3f1!important;
  background-image:linear-gradient(180deg,#74bbf6 0%,#4aa3f1 52%,#2f8be0 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 0 rgba(0,0,0,.12),0 6px 16px -4px rgba(47,139,224,.55)!important;
}
.button.alt:not(.is-outline):hover,
.single_add_to_cart_button:hover,
.woocommerce-cart .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:hover,
#place_order:hover{
  transform:translateY(-1px);filter:saturate(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.12),0 10px 26px -4px rgba(47,139,224,.75)!important;
}

/* ---------- Gentle pulse glow on the key CTAs ---------- */
.ux-buy-now-button{animation:ttzPulseOr 2.6s ease-in-out infinite}
#place_order{animation:ttzPulseBl 2.6s ease-in-out infinite}
.ux-buy-now-button:hover,#place_order:hover{animation:none}

@keyframes ttzPulseOr{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.14),0 6px 16px -4px rgba(250,81,20,.55)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.14),0 8px 26px -2px rgba(250,81,20,.85)}
}
@keyframes ttzPulseBl{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 0 rgba(0,0,0,.12),0 6px 16px -4px rgba(47,139,224,.55)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 0 rgba(0,0,0,.12),0 8px 26px -2px rgba(47,139,224,.85)}
}
/* ---------- Outline buttons (text buttons, not header icons) ---------- */
.button.is-outline:not(.icon):not(.round):not(.is-form){transition:box-shadow .25s ease,transform .18s ease,background-color .2s ease}
.button.is-outline:not(.icon):not(.round):not(.is-form):hover{
  box-shadow:0 6px 18px -6px rgba(250,81,20,.6);transform:translateY(-1px);
}

/* ---------- Press + keyboard focus ---------- */
.button.primary:active,.button.alt:active,#place_order:active,.ttz-btn:active,.ux-buy-now-button:active,.single_add_to_cart_button:active,.checkout-button:active{transform:translateY(0) scale(.985)!important}
.button:focus-visible,#place_order:focus-visible,.ttz-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgba(250,81,20,.55)!important}

/* Disabled / loading states stay calm */
.button.disabled,.button:disabled,.button.loading,#place_order:disabled{animation:none!important;transform:none!important;filter:grayscale(.2) opacity(.75)}
.button.disabled::after,.button:disabled::after,.button.loading::after{display:none}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .ux-buy-now-button,#place_order{animation:none!important}
  .button::after,#place_order::after,.ttz-btn::after,.ux-buy-now-button::after,.single_add_to_cart_button::after{display:none}
  .button:hover,#place_order:hover,.ttz-btn:hover{transform:none!important}
}