/*
Theme Name: XtremeSweat Spryx Child
Theme URI: https://xtremesweat.com/
Description: Spryx child theme customisations for XtremeSweat.
Author: XtremeSweat
Template: spryx
Version: 1.3.0
Text Domain: xtremesweat-spryx-child
*/

/* Product cards: replace archive variation swatches with a simple colour count. */
ul.products li.product .wvs-archive-variation-wrapper,
ul.products li.product .wvs-archive-variable-wrapper,
ul.products li.product .woo-variation-items-wrapper,
ul.products li.product .variable-items-wrapper,
ul.products li.product table.variations,
ul.products li.product .variations_form {
    display: none !important;
}

ul.products li.product .xtremesweat-color-count {
    margin: 5px 0 0;
    text-align: center;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    color: #999;
}


/* B2B catalogue: never show retail pricing on product cards/grids.
   This is a CSS fallback for Spryx/Kitify layouts that print prices outside
   the standard WooCommerce loop hook. */
ul.products li.product span.price,
ul.products li.product .price,
.products .product span.price,
.products .product .product-item__description--price > .price,
.kitify-products__list_wrapper .product span.price {
    display: none !important;
}

/* ============================================================
   B2B single product page
   - keep colour swatches / variation controls
   - hide all retail pricing
   - keep the currently selected product image centred
   ============================================================ */
.single-product .nova-custom__price-rating-box .price,
.single-product .summary.entry-summary > .price,
.single-product .woocommerce-variation-price,
.single-product .woocommerce-variation .price {
    display: none !important;
}

/* Remove empty space when Spryx's price/rating box contains no visible price/rating. */
.single-product .nova-custom__price-rating-box:empty {
    display: none !important;
}

/* Main/selected product image: centre it inside the left gallery area. */
.single-product .before-product-summary-wrapper .woocommerce-product-gallery__image {
    text-align: center !important;
}

.single-product .before-product-summary-wrapper .woocommerce-product-gallery__image > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 600px;
}

.single-product .before-product-summary-wrapper .woocommerce-product-gallery__image img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    max-height: 620px;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain;
}

/* Thumbnails stay below the centred main image. */
.single-product .before-product-summary-wrapper .woocommerce-product-gallery .flex-control-thumbs {
    justify-content: center;
}

@media (max-width: 1023px) {
    .single-product .before-product-summary-wrapper .woocommerce-product-gallery__image > a {
        min-height: 460px;
    }

    .single-product .before-product-summary-wrapper .woocommerce-product-gallery__image img {
        max-height: 480px;
    }
}

@media (max-width: 767px) {
    .single-product .before-product-summary-wrapper .woocommerce-product-gallery__image > a {
        min-height: 380px;
    }

    .single-product .before-product-summary-wrapper .woocommerce-product-gallery__image img {
        max-height: 400px;
    }
}


/* ============================================================
   B2B single-product actions
   Keep colour/variation controls, remove the retail order/cart action,
   and show the two catalogue CTAs instead.
   ============================================================ */
.single-product form.cart .quantity,
.single-product form.cart button.single_add_to_cart_button,
.single-product form.cart .single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart .quantity,
.single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    display: none !important;
}

.single-product .xtremesweat-b2b-ctas {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 22px 0 12px;
}

.single-product .xtremesweat-b2b-ctas .xtremesweat-b2b-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 20px;
    margin: 0;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 0;
}

@media (max-width: 480px) {
    .single-product .xtremesweat-b2b-ctas {
        gap: 10px;
    }

    .single-product .xtremesweat-b2b-ctas .xtremesweat-b2b-cta {
        flex: 1 1 calc(50% - 5px);
        padding-left: 12px;
        padding-right: 12px;
    }
}
body,p{
	font-family: "Inter", Sans-serif !important;
}
/* XtremeSweat - Disable sticky content on all pages */
/* Preserve the actual navigation header */

@media (min-width: 1025px) {

    #site-content .elementor-sticky--active {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        transform: none !important;
    }

    #site-content .elementor-sticky__spacer {
        display: none !important;
    }

}