/**
 * WooCommerce Elementor Variables Integration
 * Integrates WooCommerce with Elementor color system
 */

:root {
    --woocommerce: var(--e-global-color-primary);
        
    /* Override WooCommerce defaults with Elementor system */
    --wc-primary: var(--e-global-color-primary);
    --wc-primary-text: var(--e-global-color-text);
    --wc-secondary: var(--e-global-color-secondary);
    --wc-secondary-text: var(--e-global-color-text);
    --wc-highlight: var(--e-global-color-accent);
    --wc-highlight-text: var(--e-global-color-059fb0d);
    --wc-content-bg: var(--e-global-color-6d76ede);
    --wc-subtext: var(--e-global-color-d4dd4f0);
    --wc-green: var(--e-global-color-3897f3d);
    --wc-red: var(--e-global-color-4e3cb89);
    --wc-orange: var(--e-global-color-0540424);
    --wc-blue: var(--e-global-color-primary);
    --wc-form-border-color: var(--e-global-color-ba3c86b);
    --wc-form-border-radius: var(--radius-s);
    --wc-form-border-width: 1px;
}

/* WooCommerce Button Styles */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    padding: var(--space-xs) var(--space-m);
    border-radius: var(--radius-s);
    box-shadow: none;
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-6d76ede);
    border: none;
    transition: all 0.3s ease;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
    background-color: var(--e-global-color-41c3694);
    transform: translateY(-1px);
}

/* Product Images */
.woocommerce ul.products li.product img {
    border-radius: var(--radius-s);
}

/* Product Prices */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: var(--e-global-color-e5036a3);
    font-weight: 600;
}

/* Sale Badge */
.woocommerce span.onsale {
    background-color: var(--e-global-color-4e3cb89);
    color: var(--e-global-color-6d76ede);
    border-radius: var(--radius-s);
}

/* Add to Cart Button */
.woocommerce a.button.add_to_cart_button {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-text);
}

.woocommerce a.button.add_to_cart_button:hover {
    background-color: var(--e-global-color-25ce7e7);
}

/* Success Messages */
.woocommerce-message {
    background-color: var(--e-global-color-cef1a2c);
    border-left: 4px solid var(--e-global-color-3897f3d);
    color: var(--e-global-color-text);
}

/* Error Messages */
.woocommerce-error {
    background-color: #fef2f2;
    border-left: 4px solid var(--e-global-color-4e3cb89);
    color: var(--e-global-color-text);
}

/* Form Fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    border: var(--wc-form-border-width) solid var(--wc-form-border-color);
    border-radius: var(--wc-form-border-radius);
    padding: var(--space-xs);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--e-global-color-primary);
    box-shadow: 0 0 0 2px var(--e-global-color-cef1a2c);
}