/**
 * Codicts Voxel Vendor Fee Passthrough - Frontend Styles
 */

/* Hide price containers until JS processes them - prevents price flash */
/* Product page prices */
.vx-price,
.ts-cost-calculator .ts-item-price,
.ts-cost-calculator .ts-item-price p,
/* Cart popup */
.cart-subtotal,
.cart-subtotal > span,
/* Checkout page */
.ts-checkout .ts-cost-calculator .ts-total .ts-item-price,
.ts-checkout .ts-cost-calculator .ts-total .ts-item-price p {
    opacity: 0 !important;
    transition: opacity 0.15s ease-in-out;
}

/* Show once JS has processed and added the suffix */
/* Product page prices */
.vx-price.fee-pt-adjusted,
.ts-cost-calculator .ts-item-price.fee-pt-adjusted,
.ts-cost-calculator .ts-item-price.fee-pt-adjusted p,
/* Cart popup */
.cart-subtotal.fee-pt-subtotal-processed,
.cart-subtotal.fee-pt-subtotal-processed > span,
/* Checkout page */
.ts-checkout .ts-cost-calculator .ts-total .ts-item-price.fee-pt-checkout-processed,
.ts-checkout .ts-cost-calculator .ts-total .ts-item-price.fee-pt-checkout-processed p {
    opacity: 1 !important;
}

/* Suffix styling */
.fee-pt-suffix {
    font-size: 0.8em;
    opacity: 0.75;
    margin-left: 4px;
}

.fee-pt-suffix-below {
    display: block;
    margin-left: 0;
    margin-top: 2px;
}

/* Cart popup suffix styling - inline with price */
.fee-pt-cart-suffix {
    font-size: 0.85em;
    opacity: 0.7;
    font-weight: normal;
}

/* Checkout page suffix styling */
.fee-pt-checkout-suffix {
    font-size: 0.85em;
    opacity: 0.7;
    font-weight: normal;
    display: inline;
}

/* Order page total suffix */
.fee-pt-order-suffix {
    font-size: 0.85em;
    opacity: 0.7;
    font-weight: normal;
    display: inline;
}

/* Adjusted price indicator */
.fee-pt-adjusted {
    position: relative;
}

/* Optional: subtle indicator that price has been adjusted */
.fee-pt-adjusted::after {
    content: '';
}