/*
 * Meso Specific User Prices
 * Variable-product price compatibility only.
 * Keeps variable catalogue cards and selected variation prices aligned with
 * the approved normal WooCommerce/B2B typography.
 */

.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-original,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-current,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-prefix,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-b2b-money,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-b2b-money__currency {
    font-size: 1.15rem !important;
    line-height: 1.2 !important;
    white-space: nowrap;
}

.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-original,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-original .meso-b2b-money,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-original .meso-b2b-money__currency {
    font-weight: 500 !important;
}

.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-current,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-current .meso-b2b-money,
.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-current .meso-b2b-money__currency {
    font-weight: 700 !important;
}

.woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-prefix {
    color: inherit;
    font-family: inherit;
    letter-spacing: inherit;
}

.single-product .single_variation .meso-variation-price-ui .meso-price-original,
.single-product .single_variation .meso-variation-price-ui .meso-price-current,
.single-product .single_variation .meso-variation-price-ui .meso-b2b-money,
.single-product .single_variation .meso-variation-price-ui .meso-b2b-money__currency {
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.single-product .single_variation .meso-variation-price-ui .meso-price-original,
.single-product .single_variation .meso-variation-price-ui .meso-price-original .meso-b2b-money,
.single-product .single_variation .meso-variation-price-ui .meso-price-original .meso-b2b-money__currency {
    font-weight: 500 !important;
}

.single-product .single_variation .meso-variation-price-ui .meso-price-current,
.single-product .single_variation .meso-variation-price-ui .meso-price-current .meso-b2b-money,
.single-product .single_variation .meso-variation-price-ui .meso-price-current .meso-b2b-money__currency {
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    .woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-original,
    .woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-current,
    .woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-price-prefix,
    .woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-b2b-money,
    .woocommerce ul.products li.product .meso-loop-price-ui.meso-variable-price-ui .meso-b2b-money__currency {
        font-size: 15px !important;
    }

    .single-product .single_variation .meso-variation-price-ui .meso-price-original,
    .single-product .single_variation .meso-variation-price-ui .meso-price-current,
    .single-product .single_variation .meso-variation-price-ui .meso-b2b-money,
    .single-product .single_variation .meso-variation-price-ui .meso-b2b-money__currency {
        font-size: 17px !important;
    }
}

/*
 * Variable product, single-product page.
 * Keep one stable price block above the variation controls and suppress only
 * WooCommerce's duplicate price output inside .single_variation.
 */
.single-product .summary .meso-variable-main-price {
    display: block;
    width: 100%;
    margin: 6px 0 12px;
}

.single-product .summary .meso-variable-main-price .meso-single-price-ui {
    gap: 4px;
    margin: 0;
}

.single-product .summary .meso-variable-main-price .meso-price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.single-product .summary .meso-variable-main-price .meso-price-original,
.single-product .summary .meso-variable-main-price .meso-price-original .meso-b2b-money,
.single-product .summary .meso-variable-main-price .meso-price-original .meso-b2b-money__currency,
.single-product .summary .meso-variable-main-price .meso-price-original .meso-price-prefix {
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.single-product .summary .meso-variable-main-price .meso-price-current,
.single-product .summary .meso-variable-main-price .meso-price-current .meso-b2b-money,
.single-product .summary .meso-variable-main-price .meso-price-current .meso-b2b-money__currency,
.single-product .summary .meso-variable-main-price .meso-price-current .meso-price-prefix {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.single-product .summary .meso-variable-main-price .meso-price-badge,
.single-product .summary .meso-variable-main-price .meso-price-badge .meso-b2b-money,
.single-product .summary .meso-variable-main-price .meso-price-badge .meso-b2b-money__currency {
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.single-product form.variations_form.meso-variable-price-sync .single_variation .woocommerce-variation-price {
    display: none !important;
}

@media (max-width: 768px) {
    .single-product .summary .meso-variable-main-price .meso-price-original,
    .single-product .summary .meso-variable-main-price .meso-price-original .meso-b2b-money,
    .single-product .summary .meso-variable-main-price .meso-price-original .meso-b2b-money__currency,
    .single-product .summary .meso-variable-main-price .meso-price-original .meso-price-prefix {
        font-size: 14px !important;
    }

    .single-product .summary .meso-variable-main-price .meso-price-current,
    .single-product .summary .meso-variable-main-price .meso-price-current .meso-b2b-money,
    .single-product .summary .meso-variable-main-price .meso-price-current .meso-b2b-money__currency,
    .single-product .summary .meso-variable-main-price .meso-price-current .meso-price-prefix {
        font-size: 17px !important;
    }
}

/* Standard WooCommerce variation price fallback (for sale/excluded variants). */
.single-product .summary .meso-variable-main-price > .price,
.single-product .summary .meso-variable-main-price > .price ins,
.single-product .summary .meso-variable-main-price > .price .woocommerce-Price-amount,
.single-product .summary .meso-variable-main-price > .price .woocommerce-Price-currencySymbol {
    color: #000 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.single-product .summary .meso-variable-main-price > .price del,
.single-product .summary .meso-variable-main-price > .price del .woocommerce-Price-amount,
.single-product .summary .meso-variable-main-price > .price del .woocommerce-Price-currencySymbol {
    font-size: 15px !important;
    font-weight: 500 !important;
    opacity: 1;
}

.single-product .summary .meso-variable-main-price > .price ins {
    text-decoration: none;
}

@media (max-width: 768px) {
    .single-product .summary .meso-variable-main-price > .price,
    .single-product .summary .meso-variable-main-price > .price ins,
    .single-product .summary .meso-variable-main-price > .price .woocommerce-Price-amount,
    .single-product .summary .meso-variable-main-price > .price .woocommerce-Price-currencySymbol {
        font-size: 17px !important;
    }

    .single-product .summary .meso-variable-main-price > .price del,
    .single-product .summary .meso-variable-main-price > .price del .woocommerce-Price-amount,
    .single-product .summary .meso-variable-main-price > .price del .woocommerce-Price-currencySymbol {
        font-size: 14px !important;
    }
}