/**
 * Compare Page Styles
 * Ensures buttons on the compare page match the brand colors (Volt Pink)
 * Overrides Woodmart's default button styling
 */

/* Add to Cart and Select Options buttons on compare page */
.wd-compare-table .button,
.wd-compare-table .add_to_cart_button,
.wd-compare-table .product_type_simple,
.wd-compare-table .product_type_variable,
.wd-compare-table .added_to_cart,
.wd-compare-table a.button {
    background: linear-gradient(92deg, #FF6082 0%, #D5153E 89.03%) !important;
    box-shadow: -0.948px -0.948px 10px 0px rgba(18, 59, 29, 0.05), 1.897px 1.897px 10px 0px rgba(18, 59, 29, 0.12) !important;
    border: none !important;
    color: white !important;
    font-family: var(--font-primary) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 120% !important;
    text-transform: uppercase !important;
}

/* Hover states */
.wd-compare-table .button:hover,
.wd-compare-table .add_to_cart_button:hover,
.wd-compare-table .product_type_simple:hover,
.wd-compare-table .product_type_variable:hover,
.wd-compare-table .added_to_cart:hover,
.wd-compare-table a.button:hover {
    background-color: var(--volt-pink-light, #FF3385) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

/* Ensure consistent styling with smooth transitions */
.wd-compare-table .button,
.wd-compare-table a.button,
.wd-compare-table .add_to_cart_button {
    transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Override any :is() selector from Woodmart */
.wd-compare-table :is(.button, .added_to_cart) {
    background-color: var(--volt-pink-dark, #FF0066) !important;
    color: #FFFFFF !important;
}

.wd-compare-table :is(.button, .added_to_cart):hover {
    background-color: var(--volt-pink-light, #FF3385) !important;
    color: #FFFFFF !important;
}