/* ------------------------------------------------------------------
 * Button hover fix for Cart / Checkout / My-Account pages.
 * Kadence / WC Blocks hover state was turning buttons white-on-white.
 * Scope intentionally narrow (only WC pages) to avoid side-effects.
 * Brand blue = #008ae5 (matches .btn-add-to-cart gradient).
 * ------------------------------------------------------------------ */

.woocommerce-cart .wp-block-button__link,
.woocommerce-checkout .wp-block-button__link,
.woocommerce-account .wp-block-button__link,
.woocommerce-cart .button,
.woocommerce-checkout .button,
.woocommerce-account .button,
.woocommerce-cart .wc-block-components-button,
.woocommerce-checkout .wc-block-components-button,
.woocommerce-cart button[type="submit"],
.woocommerce-checkout button[type="submit"],
.woocommerce-cart input[type="submit"],
.woocommerce-checkout input[type="submit"],
.woocommerce-cart .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    background: linear-gradient(135deg, #008ae5 0%, #0073cc 100%);
    color: #ffffff !important;
    border: none;
    transition: box-shadow .25s ease, transform .25s ease, filter .25s ease;
}

.woocommerce-cart .wp-block-button__link:hover,
.woocommerce-checkout .wp-block-button__link:hover,
.woocommerce-account .wp-block-button__link:hover,
.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover,
.woocommerce-account .button:hover,
.woocommerce-cart .wc-block-components-button:hover,
.woocommerce-checkout .wc-block-components-button:hover,
.woocommerce-cart button[type="submit"]:hover,
.woocommerce-checkout button[type="submit"]:hover,
.woocommerce-cart input[type="submit"]:hover,
.woocommerce-checkout input[type="submit"]:hover,
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce-cart .wp-block-button__link:focus,
.woocommerce-checkout .wp-block-button__link:focus,
.woocommerce-cart .button:focus,
.woocommerce-checkout .button:focus,
.woocommerce-cart .wc-block-components-button:focus,
.woocommerce-checkout .wc-block-components-button:focus {
    background: linear-gradient(135deg, #0073cc 0%, #005fa8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 138, 229, 0.55), 0 0 28px rgba(0, 138, 229, 0.25);
    filter: brightness(1.05);
}

/* Secondary / ghost buttons (remove, cancel) keep a subtle look */
.woocommerce-cart a.remove,
.woocommerce-checkout a.remove {
    color: #dc2626 !important;
    background: transparent;
}

.woocommerce-cart a.remove:hover,
.woocommerce-checkout a.remove:hover {
    color: #ffffff !important;
    background: #dc2626 !important;
}

/* ------------------------------------------------------------------
 * "View cart" button — appears anywhere: next to Add to cart after
 * ajax add (a.added_to_cart.wc-forward), in mini-cart widget, in
 * WooCommerce Blocks mini-cart drawer. No page-scope needed.
 * ------------------------------------------------------------------ */
a.added_to_cart.wc-forward,
.woocommerce a.added_to_cart,
.widget_shopping_cart a.button.wc-forward,
.wp-block-woocommerce-mini-cart-view-cart-button-block a,
.wc-block-mini-cart__footer a.wc-block-mini-cart__footer-cart,
.wc-block-components-button.wc-block-mini-cart__footer-cart {
    background: linear-gradient(135deg, #008ae5 0%, #0073cc 100%) !important;
    color: #ffffff !important;
    border: none !important;
    transition: box-shadow .25s ease, transform .25s ease, filter .25s ease;
}

a.added_to_cart.wc-forward:hover,
.woocommerce a.added_to_cart:hover,
.widget_shopping_cart a.button.wc-forward:hover,
.wp-block-woocommerce-mini-cart-view-cart-button-block a:hover,
.wc-block-mini-cart__footer a.wc-block-mini-cart__footer-cart:hover,
.wc-block-components-button.wc-block-mini-cart__footer-cart:hover,
a.added_to_cart.wc-forward:focus,
.woocommerce a.added_to_cart:focus {
    background: linear-gradient(135deg, #0073cc 0%, #005fa8 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 138, 229, 0.55), 0 0 28px rgba(0, 138, 229, 0.25) !important;
    filter: brightness(1.05);
}