/*
Name: WC ADDONS STYLES
Desc: Styles for WooCommerce Addons
*/


/*****************************
**
** YITH ADVANCED REVIEWS
**
******************************/


/***** CUSTOM LAYOUT */

.wc_custom-product_tab.tab_reviews {
    padding-top: 0;
}

#reviews_summary {
    padding-top: 40px;
}


/*** has_reviews class added in wc-layouts-single-product.php */

.wc_custom-product_tab.tab_reviews.has_reviews #reviews.ywar-review-content,
.wc_custom-product_tab.tab_reviews.has_reviews #reviews #review_form_wrapper {
    margin-top: 40px;
}

@media (min-width: 1024px) {
    #ywar_reviews {
        display: flex;
    }
    #reviews_summary {
        padding-top: 60px;
        padding-bottom: 60px;
        width: 100%;
        flex-grow: 1;
    }
    #reviews_summary>.reviews_bar,
    #reviews_summary>.woocommerce-product-rating {
        margin-left: auto;
        width: 50%;
        padding-left: 15px;
    }
    .wc_custom-product_tab.tab_reviews.has_reviews #ywar_reviews #reviews_header {
        position: relative;
        padding-top: 0;
        padding-bottom: 40px;
        top: -190px;
        width: 50%;
    }
    .wc_custom-product_tab.tab_reviews.has_reviews #reviews #review_form_wrapper {
        margin-top: 0;
        animation-name: hide_and_show;
        animation-duration: 1s;
        transition: all 1s ease;
    }
    .wc_custom-product_tab.tab_reviews:not(.has_reviews) #reviews #review_form_wrapper,
    .wc_custom-product_tab.tab_reviews:not(.has_reviews) #reviews .woocommerce-verification-required {
        width: 50%;
    }
    .wc_custom-product_tab.tab_reviews.has_reviews #reviews .woocommerce-verification-required {
        margin-top: 0;
        animation-name: hide_and_show;
        animation-duration: 1s;
        transition: all 1s ease;
    }
    /*** filtered class added in js - fix */
    .wc_custom-product_tab.tab_reviews.has_reviews #ywar_reviews.filtered+#reviews #review_form_wrapper {
        margin-top: -100px;
        animation-name: hide_and_show;
        animation-duration: 1s;
    }
    .wc_custom-product_tab.tab_reviews.has_reviews #ywar_reviews.filtered+#reviews .woocommerce-verification-required {
        margin-top: -100px;
        animation-name: hide_and_show;
        animation-duration: 1s;
    }
    @keyframes hide_and_show {
        0% {
            opacity: 0%;
        }
        75% {
            opacity: 0%;
        }
        100% {
            opacity: 100%;
        }
    }
    .wc_custom-product_tab.tab_reviews.has_reviews #reviews.ywar-review-content {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: max-content;
        margin-top: 0;
    }
    .wc_custom-product_tab.tab_reviews.has_reviews #reviews.ywar-review-content>#comments {
        margin-top: 0;
        margin-top: -250px;
    }
    #reviews.ywar-review-content>.clear {
        display: none;
    }
    #reviews_dialog,
    #reviews_order {
        display: none !important;
    }
}

@media (min-width: 1280px) {
    #reviews_summary>.reviews_bar,
    #reviews_summary>.woocommerce-product-rating {
        padding-left: calc(var(--offset-element) + 15px);
    }
    .wc_custom-product_tab.tab_reviews.has_reviews #reviews #review_form_wrapper,
    .wc_custom-product_tab.tab_reviews.has_reviews #reviews .woocommerce-verification-required {
        margin-left: var(--offset-element);
    }
}


/**** DEFAULT STYLING *****/


/* starrating */

:root {
    --star-rating-color: #E4AA14;
}

.woocommerce .woocommerce-product-rating,
#reviews_summary .woocommerce-product-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    margin-top: 0;
}

#reviews_summary .woocommerce-product-rating .star-rating {
    margin-right: 0;
}

.woocommerce .star-rating::before {
    color: rgba(20, 19, 19, 0.1);
    opacity: 0;
    user-select: none;
    transition: opacity .3s ease;
}

.no-touch .woocommerce .woocommerce-product-rating:hover .star-rating::before,
.no-touch #comments .commentlist li:hover .star-rating::before {
    opacity: 1;
}

.woocommerce .star-rating span:before {
    color: var(--star-rating-color);
}

.woocommerce .star-rating {
    margin-right: 0;
}

.woocommerce .woocommerce-review-link,
.ywar_review_count {
    font-size: 0.889rem;
    line-height: 1.2;
    color: var(--color-content-text);
}

.woocommerce-review-link {
    color: var(--color-content-link);
    text-decoration: underline;
}

.no-touch .woocommerce-review-link:hover {
    color: var(--color-content-link-hover);
    text-decoration: none;
}


/* reviews and comment form */

#ywar_reviews h3 {
    /* display: none; */
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 40px;
}

@media (min-width: 601px) {
    #ywar_reviews h3 {
        font-size: 32px;
    }
}


/* #ywar_reviews .reviews_bar {
    margin: 0;
}
 */

#ywar_reviews .reviews_bar .ywar_review_row,
#ywar_reviews .reviews_bar .ywar_review_row>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 5px;
}

#ywar_reviews .reviews_bar .ywar_review_row span {
    height: 20px;
}

#ywar_reviews .reviews_bar .ywar_stars_value {
    min-width: 100px;
    float: none;
    padding: 0;
    order: 1;
}

#ywar_reviews .reviews_bar .ywar_num_reviews {
    float: none;
    padding: 0;
    min-width: 30px;
    order: 3;
    text-align: right;
}

#ywar_reviews .reviews_bar .ywar_stars_value,
#ywar_reviews .reviews_bar .ywar_num_reviews {
    font-size: 0.889rem;
    line-height: 1.2;
}

#ywar_reviews .reviews_bar .ywar_rating_bar {
    order: 2;
    width: 100%;
    display: block;
}

#ywar_reviews .reviews_bar .ywar_rating_bar span {
    border-radius: calc(var(--element-radius) / 2);
    overflow: hidden;
}


/*** Reviews Header */

#ywar_reviews #reviews_header {
    padding-top: 30px;
}

#ywar_reviews #reviews_header:empty {
    display: none;
}

#ywar_reviews #reviews_header h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

@media (min-width: 601px) {
    #ywar_reviews #reviews_header h3 {
        font-size: 20px;
    }
}

#ywar_reviews #reviews_header a {
    font-size: 16px;
    text-decoration: underline;
    color: var(--color-content-link);
}

.no-touch #ywar_reviews #reviews_header a:hover {
    text-decoration: none;
    color: var(--color-content-link-hover);
}

#ywar_reviews #reviews_header hr {
    display: none;
}


/**** Comments */

#reviews #comments .commentlist {
    display: flex;
    flex-direction: column;
}

#comments .commentlist li {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

#comments .commentlist li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-content-border);
}

#comments .commentlist li.review-featured {
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: none !important;
    background: #FFFFFF;
    border: 1px solid var(--color-alt-content-secondary);
}

#comments .commentlist li .comment_container {
    display: flex;
    flex-direction: column;
    padding: 0;
}

#comments .commentlist li .comment_container .star-rating {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

#comments .commentlist li .comment_container .meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 1;
    font-size: 0.889rem;
    line-height: 1.2;
    color: var(--color-faded);
    margin-bottom: 8px;
    order: -1;
}

#comments .commentlist li .comment_container .meta time {
    font-size: 14px;
}

#comments .commentlist li .comment_container .ywar-featured-badge-container {
    float: none;
    background: var(--color-alt-content-secondary);
    position: absolute;
    top: -20px;
    right: -20px;
}

#comments .commentlist li .comment_container .comment-text {
    padding: 0;
    border: none;
}

#comments .commentlist li .comment_container .comment-text p {
    line-height: 1;
    margin-bottom: 0;
}

#comments .commentlist li .comment_container .comment-text p+.review-actions {
    margin-top: 20px;
    pointer-events: none;
    user-select: none;
    display: none;
}

#comments .commentlist li .comment_container .comment-text .review_title {
    font-size: 0.889rem;
    line-height: 1.2;
    font-weight: var(--heading-font-weight);
    color: var(--color-content-heading);
    margin-bottom: 10px;
    padding: 0;
}

#comments .commentlist li .comment_container .comment-text .review_content {
    font-size: 0.889rem;
    line-height: 1.5;
    font-weight: var(--default-font-weight);
    color: var(--color-content-text);
}

#comments .commentlist li .comment_container .review-actions .reply a {
    padding: 0;
    background: none;
    font-weight: 400;
    color: var(--color-content-link) !important;
    text-decoration: underline;
}

.no-touch #comments .commentlist li .comment_container .review-actions .reply a:hover {
    color: var(--color-content-link-hover) !important;
    text-decoration: none;
}

#comments>.ywar_show_more {
    margin-top: 30px;
}


/**** Review Form */

#reviews #review_form_wrapper {
    margin-top: 0;
    border: 1px solid var(--color-content-border);
    border-radius: var(--element-radius);
    overflow: hidden;
}

#reviews #review_form_wrapper #review_form #respond {
    padding: 30px 20px;
    background: #FFFFFF;
    box-shadow: none;
}

@media (min-width: 768px) {
    #reviews #review_form_wrapper #review_form #respond {
        padding: 40px;
    }
}

#reviews #review_form_wrapper #review_form #respond h3:not(:last-child) {
    margin-bottom: 30px;
}

#reviews #review_form_wrapper #review_form #commentform {
    display: flex;
    flex-direction: column;
}

#reviews #review_form_wrapper #review_form #commentform>p {
    float: none;
}

#reviews #review_form_wrapper #review_form #commentform>p.comment-form-rating {
    order: -1;
}

#reviews #review_form_wrapper #review_form #commentform>p.comment-form-rating>label::after,
#reviews #review_form_wrapper #review_form #commentform>p.comment-form-comment>label::after {
    content: '*';
    display: inline-block;
    margin-left: 2px;
    color: var(--error-color);
}

#reviews #review_form #respond label {
    font-family: var(--wc-label-font-family);
    font-size: var(--wc-label-font-size);
    line-height: var(--wc-label-line-height);
    color: var(--wc-label-color);
    margin-bottom: var(--wc-label-offset);
    display: inline-block;
    text-align: left;
    opacity: 1;
}

#reviews #review_form #respond label:not(.checkbox) {
    /* text-transform: uppercase; */
    font-weight: var(--wc-label-font-weight);
}

#reviews #review_form .stars {
    padding-top: 0;
}

#reviews #review_form .stars a:before {
    font-size: 1.111rem;
}

#reviews #review_form .stars span {
    width: 150px;
}

#reviews #review_form .stars a {
    color: var(--color-faded);
    opacity: .5;
}

#reviews #review_form .stars.selected a,
.no-touch #reviews #review_form .stars:hover a {
    color: var(--star-rating-color);
    opacity: 1;
}

.no-touch #reviews #review_form .stars a:hover~a,
#reviews #review_form .stars a.active~a {
    opacity: .5;
    color: var(--color-faded);
}

#reviews #review_form #respond .comment-form-title input#title,
#reviews #review_form #respond .comment-form-comment textarea#comment {
    margin-top: 0;
}


/**** wc_custom-input.comment-form-privacy added in wc-layouts-single-product.php */

#reviews #review_form #respond .wc_custom-input.comment-form-privacy a {
    text-decoration: underline;
}

.no-touch #reviews #review_form #respond .wc_custom-input.comment-form-privacy a:hover {
    text-decoration: none;
}

#reviews #review_form .form-submit {
    float: none;
}

#reviews #review_form .form-submit span.error {
    font-size: 0.889rem;
    line-height: 1.5;
    color: var(--error-color);
    margin-bottom: 5px;
}

#reviews #review_form .form-submit span.error:last-of-type {
    margin-bottom: 30px;
}

#reviews #review_form .form-submit #submit {
    font-size: 16px !important;
}

#reviews .woocommerce-verification-required {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
    background: var(--color-content-bg-alt);
    border: none;
    border-radius: var(--element-radius);
    overflow: hidden;
    text-align: left;
    font-size: 0.889rem;
    line-height: 1.5;
    color: var(--color-content-heading);
    height: fit-content;
}

@media (min-width: 768px) {
    #reviews .woocommerce-verification-required {
        padding: 40px;
    }
}


/**** My account reviews */

.woocommerce-account .ywar-reviews-panel-title-container {
    margin-bottom: 30px;
}

.woocommerce-account .ywar-reviews-panel-title-container h2 {
    float: none !important;
}

.woocommerce-account table.my_account_reviews {
    font-size: 0.889rem;
}

.woocommerce-account table.my_account_reviews td,
.woocommerce-account table.my_account_reviews th {
    padding: 15px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .woocommerce-account table.my_account_reviews tbody tr:first-child td {
        padding-top: 40px;
    }
}

@media (max-width: 767px) {
    .woocommerce-account table.my_account_reviews th {
        display: none;
    }
    .woocommerce-account table.my_account_reviews,
    .woocommerce-account table.my_account_reviews>*,
    .woocommerce-account table.my_account_reviews td {
        display: block;
    }
    .woocommerce-account table.my_account_reviews tr {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .woocommerce-account table.my_account_reviews tr:not(:last-child) {
        margin-bottom: 1.25rem;
        padding-bottom: 1.25rem;
        border-bottom: 1px solid var(--color-content-border);
    }
    .woocommerce-account table.my_account_reviews td {
        padding: 0;
    }
}


/* th */

.woocommerce-account table.my_account_reviews thead th {
    color: var(--color-content-heading);
    font-size: 0.889rem;
    line-height: 1.5;
    font-weight: var(--bold-font-weight) !important;
    letter-spacing: 0;
    text-transform: uppercase;
    opacity: 1;
}


/* td */

.woocommerce-account table.my_account_reviews td>a {
    text-decoration: underline;
}

.no-touch .woocommerce-account table.my_account_reviews td>a:hover {
    text-decoration: none;
}

.woocommerce-account table.shop_table.my_account_reviews td>abbr {
    white-space: nowrap;
}

.woocommerce-account table.shop_table.my_account_reviews .review-title {
    font-weight: var(--heading-font-weight);
    font-family: var(--h1-font-family);
    color: var(--color-content-heading);
    text-decoration: none;
}


/*****************************
**
** YITH WISHLIST
**
******************************/


/***** Wishlist Btn in Product Loop - wc_custom-wishlist_wrapper - added in wc-layouts-archive.php */

.wc_custom-wishlist_wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

.wc_custom-wishlist_wrapper .yith-wcwl-add-to-wishlist {
    font-size: 0;
    line-height: 0;
    margin: 0;
}

.wc_custom-wishlist_wrapper .yith-wcwl-add-button>a,
.wc_custom-wishlist_wrapper .feedback {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wc_custom-wishlist_wrapper .yith-wcwl-add-button img,
.wc_custom-wishlist_wrapper .feedback img,
.wc_custom-wishlist_wrapper .yith-wcwl-add-to-wishlist a.add_to_wishlist>img {
    max-height: 18px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


/***** Wishlist Btn in Single Product */

.single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist {
    font-size: 0.889rem;
    line-height: 1.2;
    margin: 0;
}

.single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist>div {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button img,
.single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist>div img {
    max-height: 16px;
    margin-right: 5px;
    width: auto;
}

.single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button>a>span,
.single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist>div a {
    text-decoration: underline;
    color: var(--color-content-link);
}

.no-touch .single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button>a>span:hover,
.no-touch .single-product .wc_custom-wrapper_actions .yith-wcwl-add-to-wishlist>div a:hover {
    text-decoration: none;
    color: var(--color-content-link-hover);
}


/***** Wishlist Page */


/**** General */

.woocommerce .wishlist-page-links,
.woocommerce #create_new_wishlist {
    display: none !important;
}

#yith-wcwl-form>* {
    width: 100%;
    float: none;
}

#yith-wcwl-form .hidden-title-form {
    margin-top: 0;
    margin-bottom: 30px;
}

#yith-wcwl-form .wishlist-title>h2 {
    font-size: 32px;
}

@media (min-width: 768px) {
    #yith-wcwl-form .wishlist-title>h2 {
        font-size: 48px;
    }
}

#yith-wcwl-form .yith_wcwl_wishlist_update input {
    background: var(--color-content-primary);
    opacity: 0.5;
    transition: opacity .3s ease;
}

.no-touch #yith-wcwl-form .yith_wcwl_wishlist_update input:hover {
    opacity: 1;
}

#yith-wcwl-form .wishlist_table .wishlist-in-stock {
    color: var(--wc-color-in-stock);
}

#yith-wcwl-form .wishlist_table .wishlist-out-of-stock {
    color: var(--wc-color-out-off-stock);
}


/** Shop table */

#yith-wcwl-form .wishlist_table tr {
    border: none !important;
    justify-content: space-between;
}

#yith-wcwl-form .wishlist_table th {
    font-family: var(--wc-label-font-family);
    font-size: var(--wc-label-font-size);
    line-height: var(--wc-label-line-height);
    font-weight: var(--wc-label-font-weight) !important;
    color: var(--wc-label-color);
    border-bottom: 1px solid var(--color-content-border);
    text-transform: uppercase;
    border-top: none;
    opacity: 1;
    letter-spacing: 0;
    text-align: center;
}

#yith-wcwl-form .wishlist_table th:nth-child(2) {
    text-align: left;
}

#yith-wcwl-form .wishlist_table th:nth-child(3),
#yith-wcwl-form .wishlist_table th:last-child {
    text-align: right;
}

#yith-wcwl-form .wishlist_table td {
    background: var(--color-white);
    vertical-align: middle;
}

#yith-wcwl-form .wishlist_table .product-thumbnail img {
    width: 70px;
    height: auto;
    padding: 0;
    /* border: 1px solid var(--color-content-border); */
    border-radius: var(--element-radius);
    overflow: hidden;
}

#yith-wcwl-form .wishlist_table td.product-name a,
#yith-wcwl-form .wishlist_table .product-name h3 a {
    font-size: 16px;
    line-height: 1.5;
    font-weight: var(--bold-font-weight);
    color: var(--color-content-heading);
    transition: color .3s ease;
    text-decoration: none;
}

.no-touch #yith-wcwl-form .wishlist_table td.product-name a:hover,
.no-touch #yith-wcwl-form .wishlist_table .product-name h3 a:hover {
    text-decoration: none;
}

#yith-wcwl-form .wishlist_table .product-name .variation {
    color: var(--color-faded);
    font-size: 0.778rem;
}

#yith-wcwl-form .wishlist_table .product-name .variation dt {
    margin-right: 5px;
}

#yith-wcwl-form .wishlist_table td.product-stock-status {
    font-size: 0.889rem;
}

#yith-wcwl-form .wishlist_table .product-add-to-cart a {
    display: inline-block !important;
    padding: 12px 20px !important;
    font-size: 14px;
}

#yith-wcwl-form .wishlist_table .product-add-to-cart a.remove_from_wishlist {
    text-decoration: underline;
}

.no-touch #yith-wcwl-form .wishlist_table .product-add-to-cart a.remove_from_wishlist:hover {
    text-decoration: none;
}

#yith-wcwl-form .wishlist_table .product-add-to-cart a.add_to_cart_button {
    background: var(--color-turquoise);
    color: var(--color-content-heading) !important;
}

#yith-wcwl-form .wishlist_table .product-add-to-cart a.add_to_cart_button>.w-btn-label::before {
    display: inline-block;
    margin-right: 10px;
    content: '\e0af';
    font-family: var(--fa-font-family);
    font-size: inherit;
    font-weight: var(--fa-font-weight-solid, var(--fa-font-weight, 400));
}

#yith-wcwl-form .wishlist_table .actions_wrapper {
    display: flex;
    flex-direction: column;
}


/* price */

#yith-wcwl-form .wishlist_table td.product-price>* {
    display: block;
}

#yith-wcwl-form .wishlist_table td.product-price>*:not(:last-child) {
    margin-bottom: 3px;
}

#yith-wcwl-form .wishlist_table td.product-price .price {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center;
    justify-content: flex-end; */
    flex-direction: column;
    gap: 3px;
    margin: 0;
}

#yith-wcwl-form .wishlist_table td.product-price .price>*:last-child,
#yith-wcwl-form .wishlist_table td.product-price .price>*:first-child {
    margin-right: 0;
}

#yith-wcwl-form .wishlist_table td.product-price .price,
#yith-wcwl-form .wishlist_table td.product-price ins {
    font-size: 0.889rem;
    line-height: 1.2;
    font-weight: var(--bold-font-weight);
    color: var(--color-content-heading);
    text-decoration: none;
}

#yith-wcwl-form .wishlist_table td.product-price del {
    margin-left: 0;
    opacity: 1;
    font-size: 0.889rem;
    line-height: 1.2;
    font-weight: var(--default-font-weight, 400);
    color: var(--color-content-text);
}

#yith-wcwl-form .wishlist_table td.product-price .woocommerce-price-suffix,
#yith-wcwl-form .wishlist_table td.product-price .price>del .woocommerce-price-suffix,
#yith-wcwl-form .wishlist_table td.product-price del>.woocommerce-price-suffix {
    display: none;
}

#yith-wcwl-form .wishlist_table td.product-price del+span,
#yith-wcwl-form .wishlist_table td.product-price del+ins,
#yith-wcwl-form .wishlist_table td.product-price ins+small {
    font-size: 0.889rem;
    line-height: 1.2;
    font-weight: var(--bold-font-weight);
    color: var(--color-content-heading);
    text-decoration: none;
}


/* mobile */

#yith-wcwl-form .wishlist_table.mobile,
#yith-wcwl-form .wishlist_table.mobile+.yith_wcwl_wishlist_footer {
    margin-bottom: 60px !important;
    width: 100%;
    max-width: 640px;
    /* margin-left: auto; */
    margin-right: auto;
}

#yith-wcwl-form .wishlist_table.mobile .product-quantity {
    text-align: right;
}

#yith-wcwl-form .wishlist_table.mobile .product-name .item-details-table {
    border: none;
}

#yith-wcwl-form .wishlist_table.mobile li .item-wrapper .product-thumbnail {
    max-width: 60px;
}

#yith-wcwl-form .wishlist_table.mobile li {
    position: relative;
    padding: 40px 0 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-content-border);
}

#yith-wcwl-form .wishlist_table.mobile li::before {
    display: none;
}

@media (max-width: 600px) {
    #yith-wcwl-form .wishlist_table.mobile {
        margin-bottom: 40px !important;
    }
    #yith-wcwl-form .wishlist_table.mobile li {
        margin-bottom: 20px;
        padding: 30px 0 20px;
        border-bottom: 1px solid var(--color-content-border);
    }
}

#yith-wcwl-form .wishlist_table.mobile li .item-wrapper {
    width: 100%;
}

#yith-wcwl-form .wishlist_table.images_grid li .item-details table.item-details-table td,
#yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table td,
#yith-wcwl-form .wishlist_table.mobile li table.additional-info td,
#yith-wcwl-form .wishlist_table.modern_grid li .item-details table.item-details-table td {
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    #yith-wcwl-form .wishlist_table.images_grid li .item-details table.item-details-table td,
    #yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table td,
    #yith-wcwl-form .wishlist_table.mobile li table.additional-info td,
    #yith-wcwl-form .wishlist_table.modern_grid li .item-details table.item-details-table td {
        font-size: 0.889rem;
    }
}

#yith-wcwl-form .wishlist_table.mobile td.label {
    color: var(--color-content-heading);
}

#yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table tr td.label {
    width: 120px;
}

#yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table tr:last-child td.label {
    width: 70px;
}

#yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table del>.woocommerce-price-suffix {
    display: none;
}

#yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table del+span,
#yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table del+ins,
#yith-wcwl-form .wishlist_table.mobile li .item-details table.item-details-table ins+small {
    font-size: 0.889rem;
    line-height: 1.2;
    font-weight: var(--bold-font-weight);
    color: var(--color-content-heading);
    text-decoration: none;
}

#yith-wcwl-form .wishlist_table.mobile li .additional-info-wrapper .move-to-another-wishlist,
#yith-wcwl-form .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart {
    text-align: left;
}


/** Footer */

#yith-wcwl-form .yith_wcwl_wishlist_footer>* {
    float: none;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .wishlist-actions {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .wishlist-actions .yith_wcwl_wishlist_update input {
    display: block;
    width: 100%;
}

@media (min-width: 768px) {
    #yith-wcwl-form .yith_wcwl_wishlist_footer .wishlist-actions {
        flex-direction: row;
    }
    #yith-wcwl-form .yith_wcwl_wishlist_footer .wishlist-actions .yith_wcwl_wishlist_update input {
        display: inline-block;
        width: auto;
    }
}

#yith-wcwl-form .wishlist_table:not(.mobile)+.yith_wcwl_wishlist_footer {
    display: flex;
    align-items: flex-end;
    gap: 30px;
}

@media (min-width: 1280px) {
    #yith-wcwl-form .wishlist_table:not(.mobile)+.yith_wcwl_wishlist_footer {
        gap: 10px;
    }
}

#yith-wcwl-form .wishlist_table:not(.mobile)+.yith_wcwl_wishlist_footer .yith_wcwl_wishlist_update {
    order: 2;
}

#yith-wcwl-form .wishlist_table:not(.mobile)+.yith_wcwl_wishlist_footer .yith-wcwl-share {
    order: 1;
    margin-bottom: 0;
    width: 100%;
}

#yith-wcwl-form .wishlist_table:not(.mobile)+.yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action {
    order: 3;
}

#yith-wcwl-form .wishlist_table+.yith_wcwl_wishlist_footer>div {
    margin-bottom: 0;
}

#yith-wcwl-form .wishlist_table.mobile+.yith_wcwl_wishlist_footer>div {
    margin-bottom: 40px;
}

#yith-wcwl-form .wishlist_table.mobile+.yith_wcwl_wishlist_footer .yith-wcwl-share {
    margin-bottom: 0;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-share-title {
    margin-top: 0;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share ul {
    margin-top: 0;
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share ul>li {
    margin: 0;
    padding: 0;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share ul>li::before {
    display: none;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share ul .share-button>a {
    display: block;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: var(--element-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    width: 100%;
    max-width: 650px;
}

@media (min-width: 768px) {
    #yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section input {
        position: relative;
        cursor: pointer;
        padding-right: calc(2 * var(--inputs-padding) + 16px);
    }
    #yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section {
        position: relative;
    }
    #yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section::after {
        display: block;
        content: '\f0c5';
        font-family: var(--fa-font-family);
        font-weight: var(--fa-font-weight);
        color: var(--color-content-primary);
        font-size: 0.889rem;
        position: absolute;
        bottom: 0;
        right: var(--inputs-padding);
        line-height: var(--inputs-height);
        user-select: none;
        pointer-events: none;
    }
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section small {
    color: var(--color-faded);
}

#yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section small>span.copy-trigger {
    text-decoration: underline;
    color: var(--color-content-link);
}

.no-touch #yith-wcwl-form .yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section small>span.copy-trigger:hover {
    text-decoration: none;
    color: var(--color-content-link-hover);
}


/* custom input type number styling */

#yith-wcwl-form .product-quantity .quantity,
#yith-wcwl-form .product-quantity .quantity input {
    --inputs-height: 24px;
}

#yith-wcwl-form .product-quantity.added_buttons>.quantity {
    display: inline-flex;
    padding: 10px;
    border: 1px solid var(--color-content-border);
    border-radius: 50px;
    overflow: hidden;
}

#yith-wcwl-form .product-quantity.added_buttons .quantity input:not([type="submit"]) {
    width: 40px;
    padding-left: 2px;
    padding-right: 2px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0;
    font-size: 0.778rem;
    line-height: 1;
    font-weight: var(--default-font-weight, 400);
    color: var(--color-content-heading);
    border: none;
}

@media (min-width: 600px) {
    #yith-wcwl-form .product-quantity.added_buttons .quantity input:not([type="submit"]) {
        width: 50px;
    }
}

#yith-wcwl-form .product-quantity.added_buttons .quantity .btn_plus,
#yith-wcwl-form .product-quantity.added_buttons .quantity .btn_minus {
    width: var(--inputs-height);
    height: var(--inputs-height);
    line-height: var(--inputs-height);
    border-radius: 50%;
    overflow: hidden;
    border: none;
    font-size: 0.889rem;
    color: var(--color-content-text);
    text-align: center;
    display: inline-block;
    overflow: visible;
    cursor: pointer;
    text-shadow: none;
    background: transparent;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
    transition-property: color, background;
}

#yith-wcwl-form .product-quantity.added_buttons .quantity .btn_plus {
    border-left: none;
}

#yith-wcwl-form .product-quantity.added_buttons .quantity .btn_minus {
    border-right: none;
}

#yith-wcwl-form .product-quantity.added_buttons .quantity .btn_plus:hover,
#yith-wcwl-form .product-quantity.added_buttons .quantity .btn_minus:hover {
    background-color: var(--color-content-bg-alt);
    color: var(--color-content-heading);
}


/*****************************
**
** YITH PRODUCTS AJAX FILTER
** edited scripts args in wc-elements.php
**
******************************/


/***** General */


/***** Main Filter */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter:last-child {
    margin-bottom: 0;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-title {
    font-family: var(--wc-label-font-family);
    line-height: var(--wc-label-line-height);
    font-weight: var(--wc-label-font-weight);
    color: var(--wc-label-color);
    font-size: 0.889rem;
    text-transform: uppercase;
}


/*** Filter Item */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-item {
    font-size: 0.889rem;
    line-height: 1.5;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-item:not(:last-child) {
    margin-bottom: 8px;
}


/** label */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item>a,
.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item>label>a {
    padding-left: 36px;
    display: block;
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-item .item-count {
    color: var(--color-content-text);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 30px;
    height: 22px;
    background: var(--color-content-bg-alt);
}


/** checkbox */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.checkbox>label {
    position: relative;
    margin-right: 30px;
    display: inline-block;
    width: 100%;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .checkboxbutton {
    position: absolute;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .checkboxbutton::before {
    border-color: var(--color-content-border);
    height: var(--wc-checkbox-height, 18px);
    width: var(--wc-checkbox-width, 18px);
    line-height: var(--wc-checkbox-height, 18px);
    border-radius: var(--wc-checkbox-border-radius, 0px);
    overflow: hidden;
    border: var(--wc-checkbox-border-width, 1px) solid var(--wc-checkbox-border-color, var(--color-content-border));
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .checkboxbutton:not(.checked)::before {
    background: var(--wc-checkbox-background-color);
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .checkboxbutton.checked::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy45OTkiIGhlaWdodD0iOS45OTkiIHZpZXdCb3g9IjAgMCAxMy45OTkgOS45OTkiPjxwYXRoIGQ9Ik0xMy43MDYtMTAuNzA2YTEsMSwwLDAsMSwwLDEuNDEzbC04LDhhMSwxLDAsMCwxLTEuNDEzLDBsLTQtNGExLDEsMCwwLDEsMC0xLjQxMywxLDEsMCwwLDEsMS40MTQsMEw0Ljk3Mi0zLjQxNmw3LjMyMi03LjI5MWExLDEsMCwwLDEsMS40MTMsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTEpIiBmaWxsPSIjZmZmIi8+PC9zdmc+') !important;
    background-color: var(--wc-checkbox-checked-background-color);
    border-color: var(--wc-checkbox-checked-border-color);
}


/** hierarchical */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.hierarchy-collapsable .toggle-handle {
    margin-top: 5px;
}


/*** Price Range Slider */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs {
    font-family: var(--font-body);
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-bar,
.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-line {
    height: 4px;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .irs--round .irs-line {
    background: var(--color-content-border);
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-bar {
    background: var(--color-content-primary);
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle {
    background-color: var(--color-content-bg);
    height: 16px;
    width: 20px;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-from,
.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-to,
.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-single {
    border-radius: calc(var(--element-radius, 10px) / 2);
    font-weight: var(--bold-font-weight);
    font-size: 14px;
    padding: 4px 7px;
}

.no-touch .widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-from,
.no-touch .widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-to,
.no-touch .widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-single {
    opacity: 0;
    transition: opacity .3s ease;
}

.no-touch .widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider:hover .irs-from,
.no-touch .widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider:hover .irs-to,
.no-touch .widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider:hover .irs-single {
    opacity: 1;
}


/** static prices */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-min,
.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .yith-wcan-filter .price-slider .irs-max {
    color: var(--color-content-heading);
    font-size: 0.889rem;
    visibility: visible !important;
}


/**** Only Desktop */


/* .widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters:not(.filters-modal) {
    padding: 30px;
    border-radius: var(--element-radius);
    border: 1px solid var(--color-content-border);
} */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters:not(.filters-modal) .yith-wcan-filter {
    margin-bottom: 40px;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters:not(.filters-modal) .yith-wcan-filter .filter-title {
    font-size: 0.889rem;
    margin-bottom: 1.111rem;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters:not(.filters-modal) .yith-wcan-filter.filter-price-slider .filter-title {
    margin-bottom: 2.222rem;
}


/**** Modal / mobile */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters.filters-modal {
    max-width: 400px;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters.filters-modal .yith-wcan-filter {
    border-color: var(--color-content-border);
    border-radius: var(--element-radius);
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters.filters-modal .yith-wcan-filter {
    margin-bottom: 20px;
}

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters.filters-modal .yith-wcan-filter:last-child {
    margin-bottom: 0;
}


/*** Btns */

.widget_yith-woocommerce-ajax-navigation-filters .yith-wcan-filters .apply-filters.main-modal-button {
    font-size: 16px;
    line-height: 1.25!important;
    font-weight: var(--bold-font-weight);
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: var(--element-radius) var(--element-radius) 0 0;
    padding: 0.94em 2.25em;
    background: var(--color-content-primary);
    border-color: transparent;
    color: var(--color-white);
    border: none;
}


/***** Active Filters */

.yith-wcan-active-filters {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color-content-border);
}

@media (min-width: 1280px) {
    .yith-wcan-active-filters {
        margin-bottom: 50px;
        padding-bottom: 0;
        border-bottom: none;
    }
}

.yith-wcan-active-filters .active-filter {
    margin-bottom: 0;
}

.yith-wcan-active-filters,
.yith-wcan-active-filters .active-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 5px;
}

@media (min-width: 768px) {
    .yith-wcan-active-filters,
    .yith-wcan-active-filters .active-filter {
        gap: 10px 5px;
    }
}

.yith-wcan-active-filters h4 {
    font-size: 0.889rem;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 100%;
}

@media (min-width: 768px) {
    .yith-wcan-active-filters h4 {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
        margin-right: 15px;
    }
}

.yith-wcan-active-filters .active-filter .active-filter-label {
    border-color: var(--color-content-border);
    font-size: 14px;
    border-radius: var(--element-radius);
    color: var(--color-content-text);
    margin: 0;
}

.yith-wcan-active-filters .reset-filters {
    border-radius: 0;
    border: none;
    background: none;
    color: var(--color-content-link);
    text-decoration: underline;
    font-size: 0.886rem;
    line-height: 1;
    flex-basis: 100%;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
}

@media (min-width: 768px) {
    .yith-wcan-active-filters .reset-filters {
        flex-basis: initial;
        padding: 4px 15px;
    }
}

.yith-wcan-active-filters .reset-filters:hover {
    background: none;
}

.no-touch .yith-wcan-active-filters .reset-filters:hover {
    color: var(--color-content-link-hover);
    text-decoration: none;
    background: none;
}

.yith-wcan-filters-opener {
    font-size: 16px;
    line-height: 1.25!important;
    font-weight: var(--bold-font-weight);
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 3.125em;
    padding: 0.94em 1.5em;
    background: var(--color-content-primary);
    border-color: transparent;
    color: var(--color-white);
    border: none;
    margin-bottom: 30px;
}


/* .no-touch .yith-wcan-filters-opener:hover {
    background: #d10814;
} */

.yith-wcan-filters-opener i.filter-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE2IDEyIj48cGF0aCBkPSJNOS43MTItMTJBMS4yODksMS4yODksMCwwLDEsMTEtMTAuNzEyYTEuMiwxLjIsMCwwLDEtLjM3Mi44NzhMNy43MjItNi43MDZ2NS42ODhBMSwxLDAsMCwxLDYuNzMxLDBhLjk1OS45NTksMCwwLDEtLjU2Mi0uMTY5TDMuNzg0LTEuNzI1QTEuMjkzLDEuMjkzLDAsMCwxLDMuMjUtMi43NjlWLTYuNzA2TC4zNDQtOS44MzRBMS4yOSwxLjI5LDAsMCwxLDAtMTAuNzEyLDEuMjg4LDEuMjg4LDAsMCwxLDEuMjg4LTEyWk00LjcyMi03djQuMWwxLjUuOTkxVi03YS43NzUuNzc1LDAsMCwxLC4yMjgtLjUwOUw5LjIyNS0xMC41SDEuNzczTDQuNTUtNy41MDlBLjcyMi43MjIsMCwwLDEsNC43MjItN1pNMTUuMjUtMS43NUEuNzQ4Ljc0OCwwLDAsMSwxNi0xYS43NDguNzQ4LDAsMCwxLS43NS43NWgtNC41QS43NDguNzQ4LDAsMCwxLDEwLTFhLjc0OC43NDgsMCwwLDEsLjc1LS43NVpNMTAtNmEuNzQ4Ljc0OCwwLDAsMSwuNzUtLjc1aDQuNUEuNzQ4Ljc0OCwwLDAsMSwxNi02YS43NDguNzQ4LDAsMCwxLS43NS43NWgtNC41QS43NDguNzQ4LDAsMCwxLDEwLTZabTUuMjUtNS43NUEuNzQ5Ljc0OSwwLDAsMSwxNi0xMWEuNzQ4Ljc0OCwwLDAsMS0uNzUuNzVoLTIuNUEuNzQ4Ljc0OCwwLDAsMSwxMi0xMWEuNzQ5Ljc0OSwwLDAsMSwuNzUtLjc1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxMikiIGZpbGw9IiNmZmYiLz48L3N2Zz4=') !important;
    margin-right: 10px;
}


/*******************************************
**
** PPS WOOCOMMERCE AJAX LOGIN REGISTRATION
**
********************************************/


/*** WC_ADDONS: Validation Error Msg (validation_error_msg) FROM: pps-woocommerce-ajax-login-registration plugin */

.woocommerce-form.woocommerce-form-login .validation_error_msg,
.woocommerce-form.woocommerce-form-register .validation_error_msg {
    color: var(--wc-error-color);
}


/*****************************
**
** VARIATION SWATCHES FOR WOOCOMMERCE
** edited through filters in wc-elements.php
**
******************************/

ul.button-variable-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
    gap: 5px;
    margin: 0;
    list-style: none;
    padding: 5px;
    border-radius: var(--element-radius);
    overflow: hidden;
    border: 1px solid var(--color-content-border);
}

ul.button-variable-items-wrapper>li.button-variable-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 6px;
    overflow: hidden;
    min-width: 80px;
    min-height: 40px;
    font-size: 0.889rem;
    line-height: 1;
    margin: 0;
    cursor: pointer;
    user-select: none;
    transition: all .3s ease;
}

@media (min-width: 768px) {
    ul.button-variable-items-wrapper>li.button-variable-item {
        min-width: 100px;
    }
}

ul.button-variable-items-wrapper>li.button-variable-item.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}

ul.button-variable-items-wrapper>li.button-variable-item.selected {
    background: var(--color-turquoise);
}

ul.button-variable-items-wrapper>li.button-variable-item .variable-item-contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

ul.button-variable-items-wrapper>li.button-variable-item .variable-item-contents>.variable-item-span-button {
    color: var(--color-content-heading);
    font-weight: var(--bold-font-weight);
}

ul.button-variable-items-wrapper>li.button-variable-item .variable-item-contents>.wc_custom-variation_price {
    font-size: 0.778rem;
    color: var(--color-content-heading);
}