/** Phase 03: restrained eCommerce micro-interactions; no structural changes. */
:root{--rit-commerce-motion:220ms;--rit-commerce-motion-ease:cubic-bezier(.2,.7,.3,1)}
/* Shop: interactive filters, ordering and pagination, while retaining active/selected states. */
.rit-commerce-motion .catalog-tab,.rit-commerce-motion .catalog-pills a,
.rit-commerce-motion .filter-group summary,.rit-commerce-motion .filter-options label,
.rit-commerce-motion .catalog-main .page-numbers a,
.rit-commerce-motion .product-card .quick-view,
.rit-commerce-motion .product-card .add-cart{
 transition:background-color var(--rit-commerce-motion) ease,color var(--rit-commerce-motion) ease,border-color var(--rit-commerce-motion) ease,box-shadow var(--rit-commerce-motion) ease,transform var(--rit-commerce-motion) var(--rit-commerce-motion-ease)}
@media(hover:hover) and (pointer:fine){
 .rit-commerce-motion .filter-options label:hover{color:var(--purple,#6b3df4)}
 .rit-commerce-motion .catalog-tab:not(.active):hover,.rit-commerce-motion .catalog-pills a:not(.active):hover{background-color:#efe8ff;color:var(--purple,#6b3df4)}
 .rit-commerce-motion .catalog-main .page-numbers a:hover{box-shadow:0 5px 12px rgba(107,61,244,.13)}
}
/* Single product: visual feedback for selected variations and updated displayed price. */
.rit-commerce-motion .ready-license-trigger,.rit-commerce-motion .ready-license-choice,
.rit-commerce-motion .ready-purchase-price,.rit-commerce-motion .woocommerce-variation-price,
.rit-commerce-motion .single_add_to_cart_button{
 transition:color var(--rit-commerce-motion) ease,background-color var(--rit-commerce-motion) ease,border-color var(--rit-commerce-motion) ease,box-shadow var(--rit-commerce-motion) ease,transform var(--rit-commerce-motion) var(--rit-commerce-motion-ease)}
.rit-commerce-motion .ready-purchase-card.rit-commerce-updated .ready-purchase-price,
.rit-commerce-motion .variations_form.rit-commerce-updated .woocommerce-variation-price{animation:rit-commerce-value-flash 520ms ease-out}
/* Cart: brief, non-blocking confirmation when WooCommerce recalculates totals. */
.rit-commerce-motion .rose-cart-page .cart_totals,
.rit-commerce-motion .rose-cart-page .shop_table,
.rit-commerce-motion .woocommerce-cart .cart_totals{
 transition:box-shadow var(--rit-commerce-motion) ease,border-color var(--rit-commerce-motion) ease}
.rit-commerce-motion .cart_totals.rit-commerce-updated{animation:rit-commerce-panel-flash 540ms ease-out}
/* Checkout: preserve live validation, payment-method selection and loading overlays. */
.rit-commerce-motion .rose-checkout-page .woocommerce-checkout-payment,
.rit-commerce-motion .rose-checkout-page #order_review,
.rit-commerce-motion .rose-checkout-page .rose-checkout-addon,
.rit-commerce-motion .woocommerce-checkout .payment_methods li{
 transition:border-color var(--rit-commerce-motion) ease,background-color var(--rit-commerce-motion) ease,box-shadow var(--rit-commerce-motion) ease}
.rit-commerce-motion .rose-checkout-page .rose-checkout-addon:focus-within,
.rit-commerce-motion .woocommerce-checkout .payment_methods li:focus-within{border-color:#b99cff}
.rit-commerce-motion #order_review.rit-commerce-updated,
.rit-commerce-motion .woocommerce-checkout-review-order-table.rit-commerce-updated{animation:rit-commerce-panel-flash 540ms ease-out}
.rit-commerce-motion .woocommerce form .form-row.woocommerce-invalid input.input-text,
.rit-commerce-motion .woocommerce form .form-row.woocommerce-invalid select{border-color:#cb5151}
/* Account: native WooCommerce endpoints remain untouched. */
/* Account navigation and order actions: use the same deliberately gentle hover timing.
   This stylesheet loads after my-account.css; keep its cascade values in sync. */
.rit-commerce-motion .rose-account-shell .woocommerce-MyAccount-navigation a,
.rit-commerce-motion .rose-account-shell .woocommerce-orders-table a{
 transition:background-color .65s cubic-bezier(.22,.61,.36,1),color .65s cubic-bezier(.22,.61,.36,1),border-color .65s cubic-bezier(.22,.61,.36,1),box-shadow .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}
.rit-commerce-motion .rose-account-shell .woocommerce-Button,
.rit-commerce-motion .rose-account-shell .woocommerce-button{
 transition:background-color var(--rit-commerce-motion) ease,color var(--rit-commerce-motion) ease,border-color var(--rit-commerce-motion) ease,box-shadow var(--rit-commerce-motion) ease}
.rit-commerce-motion .rose-account-shell :is(input,select,textarea):focus-visible{border-color:var(--purple,#6b3df4);box-shadow:0 0 0 3px rgba(107,61,244,.10)}
/* Only animate compositor-friendly visual properties. Never set display/visibility or force heights. */
@keyframes rit-commerce-value-flash{0%{filter:brightness(1.10)}55%{filter:brightness(1.02)}100%{filter:none}}
@keyframes rit-commerce-panel-flash{0%{box-shadow:0 0 0 3px rgba(107,61,244,.14)}100%{box-shadow:none}}
@media(hover:none),(pointer:coarse){.rit-commerce-motion .product-card .add-cart:hover,.rit-commerce-motion .single_add_to_cart_button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
 .rit-commerce-motion .ready-license-trigger,.rit-commerce-motion .ready-license-choice,
 .rit-commerce-motion .ready-purchase-price,.rit-commerce-motion .woocommerce-variation-price,
 .rit-commerce-motion .catalog-tab,.rit-commerce-motion .filter-group summary,
 .rit-commerce-motion .rose-account-shell .woocommerce-MyAccount-navigation a{transition:none}
 .rit-commerce-motion .rit-commerce-updated{animation:none}
}
