.product-type-variable .ast-on-card-button,
.product-type-variable a.product_type_variable.add_to_cart_button:not(.igqv-add-cart) {
    display: none !important;
}

/*
|--------------------------------------------------------------------------
| IMAGE WRAP
|--------------------------------------------------------------------------
*/

.astra-shop-thumbnail-wrap {
    position: relative;
    overflow: hidden;
}

/*
|--------------------------------------------------------------------------
| SWATCHES OVERLAY
|--------------------------------------------------------------------------
*/

.igqv-swatches-overlay {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 18px;
    z-index: 30;
    text-align: center;
}

/*
|--------------------------------------------------------------------------
| DESKTOP HOVER
|--------------------------------------------------------------------------
*/

@media(min-width:769px){

    .igqv-swatches-overlay {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all .25s ease;
    }

    li.product:hover .igqv-swatches-overlay {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

    .igqv-swatches-overlay {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;

        margin-top: 8px;
        margin-bottom: 8px;

        padding: 0 6px;
    }

    .astra-shop-thumbnail-wrap {
        overflow: visible !important;
    }
}

/*
|--------------------------------------------------------------------------
| SWATCHES
|--------------------------------------------------------------------------
*/

.igqv-swatches {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    column-gap: 8px !important;
    row-gap: 6px !important;
}

/*
|--------------------------------------------------------------------------
| SWATCHES BUTTON GROUP
|--------------------------------------------------------------------------
*/

.igqv-swatches-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

/*
|--------------------------------------------------------------------------
| BUTTONS
|--------------------------------------------------------------------------
*/

button.igqv-swatch,
a.igqv-more {

    appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 26px !important;
    height: 26px !important;

    background: #86FF00 !important;
    background-color: #86FF00 !important;

    color: #000 !important;

    border: 1px solid #86FF00 !important;

    border-radius: 999px !important;

    padding: 0 11px !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    text-transform: none !important;

    text-decoration: none !important;

    cursor: pointer !important;

    box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;

    transition: all .2s ease;
}

/*
|--------------------------------------------------------------------------
| PLUS BUTTON
|--------------------------------------------------------------------------
*/

a.igqv-more {
    min-width: 52px !important;
    height: 26px !important;
    padding: 0 10px !important;

    white-space: nowrap !important;
}
/*
|--------------------------------------------------------------------------
| ACTIVE
|--------------------------------------------------------------------------
*/

button.igqv-swatch.selected,
button.igqv-swatch:hover,
a.igqv-more:hover {

    background: #000 !important;
    background-color: #000 !important;

    color: #86FF00 !important;

    border-color: #86FF00 !important;
}

/*
|--------------------------------------------------------------------------
| DISABLED
|--------------------------------------------------------------------------
*/

button.igqv-swatch.disabled {
    opacity: .35;
    pointer-events: none;
    text-decoration: line-through;
}

/*
|--------------------------------------------------------------------------
| ADD BUTTON
|--------------------------------------------------------------------------
*/

a.igqv-add-cart {
    margin-top: 10px !important;
}

a.igqv-add-cart.loading {
    opacity: .6;
    pointer-events: none;
}

/*
|--------------------------------------------------------------------------
| SINGLE PRODUCT
|--------------------------------------------------------------------------
*/

.single-product table.variations select {
    display: none !important;
}

.single-product .igqv-single-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 14px;
}

.single-product button.igqv-single-swatch {

    background: #86FF00 !important;
    color: #000 !important;

    border: 1px solid #86FF00 !important;

    border-radius: 999px !important;

    padding: 9px 15px !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    cursor: pointer !important;

    transition: all .2s ease;
}

.single-product button.igqv-single-swatch.selected,
.single-product button.igqv-single-swatch:hover {

    background: #000 !important;
    color: #86FF00 !important;
}

