/* ============================================================
   Dubai Transfers — the converted figure that js/currency.js puts beside
   every dirham amount on the page.

   The dirham figure is the price. The converted one is a guide, and it is
   drawn as one: smaller, quieter, never coloured like a price.
   ============================================================ */

/* ---- the figure beside the dirhams ---- */
.fx-approx {
  display: inline-block; margin-inline-start: .5em;
  font-family: var(--font-b, inherit); font-size: clamp(0.75rem, .5em, 0.9375rem); font-weight: 500;
  letter-spacing: 0; line-height: 1.2; color: var(--muted); white-space: nowrap;
  font-variant-numeric: tabular-nums; vertical-align: baseline;
}
.fx-slot {
  font-family: var(--font-b, inherit); font-size: 0.875rem; font-weight: 500; letter-spacing: 0;
  color: var(--muted); white-space: nowrap; font-variant-numeric: tabular-nums;
}
.fx-slot[hidden] { display: none; }
.price-approx { align-self: baseline; font-size: 1rem; }
.hx-card-approx { display: block; margin-top: 0.375rem; font-size: 0.875rem; }
.sticky-approx { margin-inline-start: 0.5rem; font-size: 0.8438rem; }
.curve-approx { display: block; margin-top: 2px; font-size: 0.8438rem; }
.rail-approx { font-size: 0.8125rem; }
.ops-route-fare .fx-approx { display: block; margin: 2px 0 0; font-size: 0.75rem; }
.ops-air-fare .fx-approx { font-size: 0.75rem; }
.bd-v .fx-approx, .bd-total .fx-approx { font-size: 0.7813rem; }
.cart-price .fx-approx, .drawer-total b .fx-approx { font-size: 0.7813rem; }
.rate-table td .fx-approx { display: block; margin: 0; font-size: 0.75rem; font-weight: 500; }
.mx-table td b .fx-approx { display: block; margin: 0; font-size: 0.7188rem; }
.saved-fare .fx-approx, .split-per .fx-approx, .bg-fare .fx-approx { font-size: 0.75rem; }
@media print { .fx-approx, .fx-slot { display: none !important; } }

/* The switcher itself — the currency pill in the header and the popover it
   opens, beside the language pill and its own — is styled in
   styles/header.css (2026-09-25, revision 2). */
