/* ========================================
   CME WooCommerce Theme Variables
======================================== */

:root {
    /* Brand Colors */
    --cme-primary: #0055ff;
    --cme-primary-hover: #003fcc;
    --cme-primary-rgb: 0,85,255;
    --cme-secondary: #6c757d;
    --cme-success: #2f9e44;
    --cme-error: #d94841;

    /* Text */
    --cme-text-light: #ffffff;
    --cme-text-dark: #333333;

    /* UI */
    --cme-radius: 8px;
    --cme-transition: .18s ease;
    
    --cme-error:#e05252;
}

/* ========================================
   Shared WooCommerce Buttons
======================================== */

.cme-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.single_add_to_cart_button,
.woocommerce-product-search button,
#cme-processing-close
{
    background: var(--cme-primary) !important;
    color: var(--cme-text-light) !important;
    border: none !important;
    border-radius: var(--cme-radius) !important;
    cursor: pointer;
    transition:
        background-color var(--cme-transition),
        transform var(--cme-transition),
        opacity var(--cme-transition);
}

.cme-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.single_add_to_cart_button:hover,
.woocommerce-product-search button:hover,
#cme-processing-close:hover 
{
    background: var(--cme-primary-hover) !important;
    color: var(--cme-text-light) !important;
    transform: translateY(-1px);
}

.cme-button:active,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce .button:active,
.wc-block-components-button:active,
.wc-block-cart__submit-button:active,
.wc-block-components-checkout-place-order-button:active,
.single_add_to_cart_button:active,
.woocommerce-product-search button:active,
#cme-processing-close:active
{
    transform: translateY(0);
}