/* =========================================================
   Discover Kashi — universal price typography

   ONE definition for every number the site shows: experience
   cards, hotel rates, checkout, fare summaries, confirmations.

   Rules encoded here (see the site style guide):
     · prices are always the body sans-serif — never the
       Playfair heading font, even inside a heading;
     · every price and total is bold;
     · tabular-nums so stacked amounts line up in columns;
     · the ₹ symbol is never styled separately from its digits
       (same font, weight and size — no spans, no extra gap);
     · two sizes only: .price-primary for the single largest
       total on a screen, .price-secondary for every other
       number (subtotal, GST, balance, per-person rate);
     · labels stay light: .price-label is a small uppercase
       label, clearly lighter than the number beside it.

   Loaded by includes/header.php for the public site and by the
   standalone payment pages (checkout, verify, balance, receipt)
   that do not include main.css.
   ========================================================= */

.price {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum' 1;
    font-weight: 700;
    letter-spacing: 0.005em;
    /* No nowrap here: a bare amount has no break opportunity anyway, and a long
       unit such as "fixed price / private boat" must be free to wrap rather
       than overflow a narrow card. Labels get their own nowrap rule below. */
}

/* The single primary total on a given screen (card price, "pay today"). */
.price-primary {
    font-size: 24px;
    line-height: 1.15;
}

/* Every secondary number: subtotals, GST, balance, per-person rates. */
.price-secondary {
    font-size: 14.5px;
    line-height: 1.3;
}

/* The suffix attached to a price ("/ person", "/ room / night") is a unit,
   not a number — it stays light and does not inherit the price size. */
.price small,
.price-unit {
    font-family: inherit;
    font-size: 0.7em;
    font-weight: 500;
    letter-spacing: 0.01em;
    opacity: 0.78;
}

/* Field labels ("BASE FARE", "GST (5%)", "TOTAL BOOKING VALUE") sit next to a
   bold number, so they stay regular weight and light. nowrap keeps a label such
   as "DUE NOW (100%)" from breaking inside its brackets on narrow screens. */
.price-label {
    display: block;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    line-height: 1.5;
    white-space: nowrap;
}

/* The original (was) price beside a discounted one — light, struck through,
   never competing with the effective price for attention. Rendered as
   <s class="dd-price-was"> wherever an admin has set a discount_price. */
.dd-price-was {
    font-weight: 500;
    opacity: 0.55;
    margin-right: 0.45em;
    text-decoration-thickness: 1px;
}