/* WST language + currency switchers — top utility bar + mobile menu.
 *
 * The GTranslate floating widget is suppressed here: the language switcher is
 * embedded inline (see inc/currency.php) so the float can never overlap the
 * mobile booking widget. Globally loaded. */

/* Kill the GTranslate floating overlay (z-index 999999, position:fixed). */
#gt_float_wrapper { display: none !important; }

.wst-switchers {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Native-select reset shared by the currency select and GTranslate's
 * dropdown <select>. Per-context visual styling follows below. */
.wst-curr__select,
.wst-lang select {
  appearance: none;
  -webkit-appearance: none;
  font-family: var(--mono);
  margin: 0;
  line-height: 1;
  cursor: pointer;
  background-repeat: no-repeat;
}
/* The dropdown option list uses OS chrome (white bg) — force dark text so
 * the options stay legible even when the closed select shows light text. */
.wst-switchers option { color: var(--ink); background: var(--white); }
.wst-lang { display: inline-flex; }
.wst-lang .gtranslate_wrapper,
.wst-lang .gt_container--dropdown { margin: 0; }
.wst-curr__select:focus-visible,
.wst-lang select:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }

/* ---- Utility-bar context (dark --ink background) -------------------- */
.wst-switchers--utility .wst-curr__select,
.wst-switchers--utility .wst-lang select {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #cfc9b9;
  background-color: transparent;
  border: 1px solid #3a3f3a;
  border-radius: 99px;
  padding: 4px 22px 4px 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfc9b9' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 7px center;
  background-size: 11px;
  transition: color .15s ease, border-color .15s ease;
}
.wst-switchers--utility .wst-curr__select:hover,
.wst-switchers--utility .wst-lang select:hover {
  color: var(--paper);
  border-color: #5a5f56;
}

/* ---- Mobile-menu context (light --paper background) ----------------- */
.wst-switchers--mobile .wst-curr__select,
.wst-switchers--mobile .wst-lang select {
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink);
  background-color: var(--white);
  border: 1px solid var(--rule);
  border-radius: 999px;
  padding: 9px 28px 9px 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375726a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 11px center;
  background-size: 12px;
  transition: border-color .15s ease;
}
.wst-switchers--mobile .wst-curr__select:hover,
.wst-switchers--mobile .wst-lang select:hover { border-color: var(--ink); }

/* Indicative-currency disclaimer (booking widgets + cart/checkout). */
.wst-booking-note--fx,
.car-booking-fx-note {
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .02em;
  color: var(--muted);
  margin: 8px 0 0;
}
.wst-fx-note {
  font-family: var(--mono);
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--ink-2);
  margin: 0 0 20px;
  padding: 11px 15px;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--r-md);
}

/* Inline indicative conversion chip appended to MUR prices on cart/checkout
 * (≈ €52 next to Rs 2,880). Server-side rendered — see inc/woocommerce.php. */
.wst-fx-conv {
  display: inline-block;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .02em;
  color: var(--muted);
  padding: 1px 8px 2px;
  margin-left: 6px;
  background: transparent;
  border: 1px solid var(--rule);
  border-radius: 999px;
  white-space: nowrap;
  vertical-align: baseline;
}