/* 
 * Rubik Light Font for Currency Symbol Only
 * This CSS applies Rubik Light font specifically to currency symbols
 */

/* Import Rubik Light from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');

/* Apply Rubik Light to currency symbols in JavaScript-generated content */
.currency-symbol,
[id*="currency_symbol"],
.product-price::after,
.cart-price::after,
.amount-display,
#sub_total,
#total_amount,
#vat_display,
#discount_display,
#shipping_display,
#rounding_amount,
#payable_amount,
#modal-order-total,
#modal-total-bill,
#modal-amount-paid,
#modal-due-summary,
.summary-row span:last-child,
.payment-summary-row span:last-child {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300 !important; /* Light weight */
}

/* Target currency symbols that appear after numbers */
.product-price,
.cart-variant-price,
.sidebar-order-summary span {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300 !important;
}

/* Specific targeting for POS and checkout */
.pos-sidebar .summary-row span:last-child,
.payment-modal .payment-order-total,
.payment-summary span:last-child {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300 !important;
}

/* Invoice and receipt currency symbols */
.invoice-amount,
.receipt-total,
.price-display,
td[class*="text-end"],
th[class*="text-end"] {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300 !important;
}

/* Cart items currency */
.cart-item-price,
.cart-total,
.checkout-total {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 300 !important;
}