/*
Theme Name: Iffiliate Child
Theme URI: https://iffiliate.modeltheme.com/
Template: iffiliate
Author: ModelTheme
Author URI: http://modeltheme.com/
Description: Multi Vendor Auctions WooCommerce Theme
Version: 2.3.0
Text Domain: iffiliate
Tags: custom-header, custom-menu, featured-images, post-formats, sticky-post
*/
/* Theme customization starts here
------------------------------------------------------- */
.nextvibespinning {
    position: relative;
    transition: padding-right .3s ease;
    padding-right: 40px;
}

.nextvibespinning:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    width: 0;
    height: 0;
    /*box-shadow: 0px 0px 0 1px darken(@base,10%);*/
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

.nextvibespinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 38%;
    top: 50%;
    position: absolute;
    border: 3px solid #dbbe72;
    border-right: 4px solid #d23833;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}

@keyframes rotate360 {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0;
    }
}

/* Fix for WooCommerce button text color (force white on red buttons, including "Select options") */
.woocommerce .button,
.woocommerce .button.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce .product .button,
/* Specific for product buttons like "Select options" */
.woocommerce .product a.button {
    color: #ffffff !important;
    /* White text */
    background-color: #d23833 !important;
    /* Red background (adjust hex if your theme's red differs) */
    border-color: #d23833 !important;
    /* Red border */
}

/* Ensure hover state also has white text */
.woocommerce .button:hover,
.woocommerce .button.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce .product .button:hover,
.woocommerce .product a.button:hover {
    color: #ffffff !important;
    /* Keep white on hover */
    background-color: #d23833 !important;
    /* Darker red on hover (optional) */
    border-color: #d23833 !important;
}

/* Extra specificity for "Select options" if still not working */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
    color: #ffffff !important;
}

.force-thead thead {
    display: table-header-group !important;
}