/* ================================================================
   NexaCurrency Pro — Front-end v2.9.5
   Custom dropdown + button-group + price decorations
   ================================================================

   Index
   ──────────────────────────────────────────────────────────────
   0. Design tokens (CSS variables — edit here to restyle globally)
   1. Wrapper
   2. Custom dropdown  (.mwp-mc-drop)
   3. Native select fallback
   4. Button group     (.mwp-mc-buttons)
   5. Price decorations
   6. Responsive  ≤ 600 px
   ================================================================ */


/* ── 0. Design tokens ──────────────────────────────────────────
   Scoped to .mwp-mc-switcher — zero bleed to the rest of the page.
   ──────────────────────────────────────────────────────────── */
.mwp-mc-switcher {
  /* Dark-header palette (default) */
  --mc-bg         : rgba(255,255,255,.12);
  --mc-bg-hov     : rgba(255,255,255,.22);
  --mc-border     : rgba(255,255,255,.25);
  --mc-border-hov : rgba(255,255,255,.45);
  --mc-text       : inherit;
  /* Light-header palette (applied via .mc-light modifier) */
  --mc-bg-light   : #f8fafc;
  --mc-bg-light-hov: #f1f5f9;
  --mc-border-light: #e2e8f0;
  --mc-border-light-hov: #cbd5e1;
  --mc-text-light : #1e293b;
  /* Panel */
  --mc-panel-bg   : #ffffff;
  --mc-panel-border: #e2e8f0;
  --mc-panel-shadow: 0 8px 24px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
  --mc-item-hover : #f8fafc;
  --mc-item-active: #eff6ff;
  --mc-item-active-text: #2563eb;
  /* Accents */
  --mc-accent     : #2563eb;
  --mc-accent-dark: #1d4ed8;
  /* Shape */
  --mc-radius     : 8px;
  --mc-height     : 34px;
  --mc-fs         : 13px;
  --mc-fw         : 600;
  /* Motion */
  --mc-duration   : .18s;
  --mc-easing     : ease;
}


/* ── 1. Wrapper ─────────────────────────────────────────────── */
.mwp-mc-switcher {
  display       : inline-flex;
  align-items   : center;
  gap           : 6px;
  vertical-align: middle;
  position      : relative;
  font-size     : 14px;
  /* Isolate style cascade — no token bleed */
  contain       : style;
  /* Never clip the dropdown panel */
  overflow      : visible;
}


/* ── 2. Custom dropdown (.mwp-mc-drop) ─────────────────────────
   Built by mc-ui-header.js — replaces the native <select>.
   ──────────────────────────────────────────────────────────── */
.mwp-mc-drop {
  position: relative;
  display : inline-block;
}

/* Trigger button */
.mwp-mc-drop__btn {
  display      : inline-flex;
  align-items  : center;
  gap          : 6px;
  padding      : 6px 10px;
  background   : var(--mc-bg);
  border       : 1px solid var(--mc-border);
  border-radius: var(--mc-radius);
  color        : var(--mc-text);
  font         : inherit;
  font-size    : var(--mc-fs);
  font-weight  : var(--mc-fw);
  cursor       : pointer;
  white-space  : nowrap;
  line-height  : 1;
  transition   : background var(--mc-duration) var(--mc-easing),
                 border-color var(--mc-duration) var(--mc-easing);
}
.mwp-mc-drop__btn:hover {
  background  : var(--mc-bg-hov);
  border-color: var(--mc-border-hov);
}
.mwp-mc-drop__btn:focus-visible {
  outline       : 2px solid rgba(255,255,255,.6);
  outline-offset: 2px;
}

/* Light modifier */
.mwp-mc-drop__btn.light,
.mwp-mc-switcher.mc-light .mwp-mc-drop__btn {
  background  : var(--mc-bg-light);
  border-color: var(--mc-border-light);
  color       : var(--mc-text-light);
}
.mwp-mc-drop__btn.light:hover,
.mwp-mc-switcher.mc-light .mwp-mc-drop__btn:hover {
  background  : var(--mc-bg-light-hov);
  border-color: var(--mc-border-light-hov);
}

/* Caret */
.mwp-mc-drop__caret {
  width      : 10px;
  height     : 10px;
  flex-shrink: 0;
  opacity    : .7;
  transition : transform var(--mc-duration) var(--mc-easing);
}
.mwp-mc-drop.open .mwp-mc-drop__caret { transform: rotate(180deg); }

/* Dropdown panel */
.mwp-mc-drop__panel {
  display      : none;
  position     : absolute;
  top          : calc(100% + 6px);
  right        : 0;
  min-width    : 140px;
  background   : var(--mc-panel-bg);
  border       : 1px solid var(--mc-panel-border);
  border-radius: 10px;
  box-shadow   : var(--mc-panel-shadow);
  overflow     : hidden;
  z-index      : 99999;
  animation    : mcDropIn .15s var(--mc-easing);
}
@keyframes mcDropIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0);    }
}
.mwp-mc-drop.open .mwp-mc-drop__panel { display: block; }

/* Option rows */
.mwp-mc-drop__item {
  display      : flex;
  align-items  : center;
  gap          : 8px;
  padding      : 9px 13px;
  font-size    : var(--mc-fs);
  font-weight  : 500;
  color        : #1e293b;
  cursor       : pointer;
  border-bottom: 1px solid #f1f5f9;
  white-space  : nowrap;
  transition   : background .12s;
}
.mwp-mc-drop__item:last-child { border-bottom: none; }
.mwp-mc-drop__item:hover      { background: var(--mc-item-hover); }
.mwp-mc-drop__item.active {
  background: var(--mc-item-active);
  color     : var(--mc-item-active-text);
  font-weight: 700;
}
.mwp-mc-drop__item.active::after {
  content    : '✓';
  margin-left: auto;
  font-size  : 12px;
  color      : var(--mc-item-active-text);
}

/* Flag + code inside panel rows */
.mwp-mc-drop__flag { font-size: 17px; line-height: 1; flex-shrink: 0; }
.mwp-mc-drop__code { letter-spacing: .3px; }


/* ── 3. Native select fallback ─────────────────────────────────
   Shown only when JS is disabled or mc-ui-header.js hasn't run yet.
   mc-ui-header.js hides this with inline style once it builds the
   custom dropdown, so both paths never show simultaneously.
   ──────────────────────────────────────────────────────────── */
.mwp-mc-switcher select.mwp-mc {
  appearance         : none !important;
  border             : 1px solid var(--mc-border);
  border-radius      : var(--mc-radius);
  padding            : 0 30px 0 10px;
  background-color   : var(--mc-bg);
  background-image   : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat  : no-repeat;
  background-position: right 9px center;
  color              : var(--mc-text);
  font               : inherit;
  font-size          : var(--mc-fs);
  font-weight        : var(--mc-fw);
  height             : var(--mc-height);
  cursor             : pointer;
  vertical-align     : middle;
  transition         : border-color var(--mc-duration) var(--mc-easing),
                       background-color var(--mc-duration) var(--mc-easing);
}
.mwp-mc-switcher select.mwp-mc:hover {
  border-color    : var(--mc-border-hov);
  background-color: var(--mc-bg-hov);
}
.mwp-mc-switcher select.mwp-mc:focus-visible {
  border-color: rgba(255,255,255,.7);
  outline     : 2px solid rgba(255,255,255,.3);
  outline-offset: 1px;
}

/* Light header variant */
.mwp-mc-switcher.mc-light select.mwp-mc {
  background-color : var(--mc-bg-light);
  background-image : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  border-color     : var(--mc-border-light);
  color            : var(--mc-text-light);
}


/* ── 4. Button group (.mwp-mc-buttons) ─────────────────────── */
.mwp-mc-switcher.mwp-mc-buttons {
  flex-wrap: wrap;
  gap      : 4px;
}
.mwp-mc-btn {
  display        : inline-flex;
  align-items    : center;
  gap            : 5px;
  padding        : 5px 11px;
  border         : 1px solid var(--mc-border);
  border-radius  : calc(var(--mc-radius) - 1px);
  background     : var(--mc-bg);
  color          : var(--mc-text);
  font           : inherit;
  font-size      : 12px;
  font-weight    : var(--mc-fw);
  cursor         : pointer;
  letter-spacing : .2px;
  line-height    : 1.4;
  text-decoration: none;
  transition     : background var(--mc-duration) var(--mc-easing),
                   border-color var(--mc-duration) var(--mc-easing);
}
.mwp-mc-btn:hover {
  background  : var(--mc-bg-hov);
  border-color: var(--mc-border-hov);
}
.mwp-mc-btn:focus-visible {
  outline       : 2px solid rgba(255,255,255,.5);
  outline-offset: 2px;
}
.mwp-mc-btn.active {
  background  : var(--mc-accent);
  color       : #fff;
  border-color: var(--mc-accent-dark);
}

/* Light header variant */
.mwp-mc-switcher.mc-light .mwp-mc-btn {
  background  : #f1f5f9;
  border-color: var(--mc-border-light);
  color       : var(--mc-text-light);
}
.mwp-mc-switcher.mc-light .mwp-mc-btn:hover  { background: #e2e8f0; }
.mwp-mc-switcher.mc-light .mwp-mc-btn.active {
  background  : var(--mc-accent);
  color       : #fff;
  border-color: var(--mc-accent-dark);
}


/* ── 5. Price decorations ───────────────────────────────────── */
.mwp-mc-prefix {
  display       : inline-flex;
  align-items   : center;
  gap           : 3px;
  margin-right  : 3px;
  vertical-align: middle;
}
.mwp-mc-flag { font-size: .9em; line-height: 1; }
.mwp-mc-code {
  font-size     : .75em;
  font-weight   : 700;
  letter-spacing: .4px;
  opacity       : .7;
  text-transform: uppercase;
}


/* ── 6. Responsive  ≤ 600 px ────────────────────────────────── */
@media (max-width: 600px) {
  .mwp-mc-drop__btn             { font-size: 12px; padding: 5px 9px; }
  .mwp-mc-drop__panel           { right: auto; left: 0; min-width: 120px; }
  .mwp-mc-btn                   { font-size: 11px; padding: 4px 8px; }
  .mwp-mc-switcher select.mwp-mc{ height: 32px; font-size: 12px; }
}


/* v2.9.5 — stable emoji currency icons */
.mwp-mc-svg-icon { display:inline-block; vertical-align:middle; flex:0 0 auto; }
.mwp-mc-prefix { display:inline-flex; align-items:center; gap:.28em; }
.mwp-mc-flag { display:inline-flex; align-items:center; }
.mwp-mc-btn { display:inline-flex; align-items:center; gap:6px; }


/* v2.9.5 stable emoji currency icons. */
.mwp-mc-emoji-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;vertical-align:middle;}
.mwp-mc-currency-icon{font-size:18px;}

/* ================================================================
   v2.9.5 — Placement + header-builder switcher stability
   ================================================================ */
.mwp-mc-auto-placement {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 12px 0;
  clear: both;
  position: relative;
  z-index: 20;
}
body.rtl .mwp-mc-auto-placement,
html[dir="rtl"] .mwp-mc-auto-placement {
  justify-content: flex-end;
}
.mwp-mc-footer-switcher {
  position: fixed;
  inset-inline-end: 22px;
  inset-block-end: 22px;
  z-index: 999990;
  display: inline-flex;
}
.mwp-mc-switcher,
.mwp-mc-switcher .mwp-mc-drop {
  max-width: 100%;
  isolation: isolate;
  z-index: 50;
}
.mwp-mc-drop__btn {
  min-height: 38px;
  max-width: 100%;
  box-shadow: 0 6px 18px rgba(15,23,42,.08);
}
.mwp-mc-drop__panel {
  width: max-content;
  min-width: 148px;
  max-width: min(240px, 92vw);
  max-height: 280px;
  overflow: auto;
  z-index: 999999 !important;
}
.mwp-mc-drop__item {
  min-height: 38px;
}
.mwp-mc-drop__flag .mwp-mc-svg-icon,
.mwp-mc-drop__flag .mwp-mc-emoji-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.mwp-mc-drop.open .mwp-mc-drop__btn {
  border-color: rgba(37, 99, 235, .55);
}
.mwp-mc-drop.is-loading .mwp-mc-drop__btn,
.mwp-mc-switcher.is-loading .mwp-mc-drop__btn {
  pointer-events: none;
  opacity: .72;
}
.wd-header,
.wd-header-row,
.wd-header-row > .container,
.wd-header-row .wd-header-row-inner,
.whb-header,
.whb-row,
.whb-column,
.whb-flex-row,
.site-header,
.site-header-main,
.header-wrapper,
.has-transparent-header {
  overflow: visible !important;
}
@media (max-width: 782px) {
  .mwp-mc-drop__btn { min-height: 36px; padding: 6px 10px; }
  .mwp-mc-drop__panel { max-height: 245px; }
  .mwp-mc-footer-switcher { inset-inline-end: 14px; inset-block-end: 14px; }
}

/* ================================================================
   v2.9.5 — Premium switcher trigger color/contrast fix
   Fixes dark/transparent headers and WoodMart header-builder visibility.
   ================================================================ */
.mwp-mc-switcher {
  --mc-premium-start: #1682ff;
  --mc-premium-mid: #0d63d8;
  --mc-premium-end: #083f96;
  --mc-premium-ring: rgba(22, 130, 255, .34);
  --mc-premium-shadow: 0 12px 28px rgba(8, 63, 150, .26), 0 3px 10px rgba(15, 23, 42, .16);
  --mc-premium-shadow-hover: 0 16px 34px rgba(8, 63, 150, .32), 0 5px 14px rgba(15, 23, 42, .18);
}

.mwp-mc-switcher .mwp-mc-drop__btn {
  min-width: 106px;
  min-height: 40px;
  height: auto;
  padding: 7px 13px 7px 9px;
  gap: 8px;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  background: linear-gradient(135deg, var(--mc-premium-start) 0%, var(--mc-premium-mid) 54%, var(--mc-premium-end) 100%) !important;
  color: #ffffff !important;
  box-shadow: var(--mc-premium-shadow) !important;
  text-shadow: none !important;
  line-height: 1 !important;
  letter-spacing: .2px;
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, border-color .18s ease !important;
}

.mwp-mc-switcher .mwp-mc-drop__btn:hover {
  transform: translateY(-1px);
  filter: saturate(1.08) brightness(1.04);
  border-color: rgba(255,255,255,.58) !important;
  box-shadow: var(--mc-premium-shadow-hover) !important;
  background: linear-gradient(135deg, #1d8cff 0%, #0f6ff0 52%, #0748b0 100%) !important;
}

.mwp-mc-switcher .mwp-mc-drop__btn:focus,
.mwp-mc-switcher .mwp-mc-drop__btn:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 4px var(--mc-premium-ring), var(--mc-premium-shadow-hover) !important;
}

.mwp-mc-switcher .mwp-mc-drop.open .mwp-mc-drop__btn {
  filter: saturate(1.1) brightness(1.03);
  border-color: rgba(255,255,255,.64) !important;
}

.mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__code {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .55px !important;
  text-transform: uppercase;
  line-height: 1;
}

.mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__caret {
  color: #ffffff !important;
  opacity: .95 !important;
  width: auto;
  height: auto;
  font-size: 16px;
  line-height: .7;
  margin-inline-start: 1px;
}

.mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 999px;
  background: rgba(255,255,255,.96) !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.06), 0 2px 7px rgba(15,23,42,.18);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-currency-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  font-size: 16px;
  line-height: 1;
  color: initial !important;
}

.mwp-mc-switcher .mwp-mc-drop__panel {
  top: calc(100% + 10px);
  min-width: 164px;
  padding: 7px;
  border: 1px solid rgba(148,163,184,.30) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 22px 55px rgba(15,23,42,.22), 0 7px 18px rgba(15,23,42,.12) !important;
  backdrop-filter: blur(12px);
}

.mwp-mc-switcher .mwp-mc-drop__item {
  min-height: 40px;
  margin: 2px 0;
  padding: 9px 10px;
  border: 0 !important;
  border-radius: 12px;
  color: #0f172a !important;
  font-weight: 700;
  transition: background .14s ease, color .14s ease, transform .14s ease;
}

.mwp-mc-switcher .mwp-mc-drop__item:hover,
.mwp-mc-switcher .mwp-mc-drop__item:focus {
  background: #eef6ff !important;
  color: #0b4db3 !important;
  transform: translateX(-1px);
}

.mwp-mc-switcher .mwp-mc-drop__item .mwp-mc-drop__code {
  color: inherit !important;
  font-weight: 800;
  letter-spacing: .35px;
}

.mwp-mc-switcher .mwp-mc-drop__item .mwp-mc-drop__flag {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 999px;
  background: #f8fafc;
  box-shadow: inset 0 0 0 1px rgba(148,163,184,.22);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.mwp-mc-switcher .mwp-mc-drop__item.active {
  background: linear-gradient(135deg, #1682ff 0%, #0d63d8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(13,99,216,.22);
}

.mwp-mc-switcher .mwp-mc-drop__item.active::after {
  color: #ffffff !important;
  font-size: 13px;
  opacity: .95;
}

.mwp-mc-switcher .mwp-mc-drop__item.active .mwp-mc-drop__flag {
  background: rgba(255,255,255,.96) !important;
}

.mwp-mc-switcher select.mwp-mc {
  min-width: 106px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding-inline-start: 13px !important;
  padding-inline-end: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  background-color: #0d63d8 !important;
  background-image: linear-gradient(135deg, #1682ff 0%, #0d63d8 54%, #083f96 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: .45px;
  box-shadow: var(--mc-premium-shadow) !important;
}

.mwp-mc-switcher select.mwp-mc option {
  color: #0f172a !important;
  background: #ffffff !important;
}

.mwp-mc-switcher.is-loading .mwp-mc-drop__btn,
.mwp-mc-switcher.is-loading select.mwp-mc {
  opacity: .82 !important;
  cursor: wait !important;
}

@media (max-width: 782px) {
  .mwp-mc-switcher .mwp-mc-drop__btn,
  .mwp-mc-switcher select.mwp-mc {
    min-width: 96px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding-block: 6px;
  }
  .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
  .mwp-mc-switcher .mwp-mc-drop__item .mwp-mc-drop__flag {
    width: 22px;
    height: 22px;
    min-width: 22px;
  }
}


/* ================================================================
   v2.9.5 — Strict color system + switcher contrast/stability layer
   Scoped CSS variables are injected from Appearance settings.
   ================================================================ */
.mwp-mc-switcher,
.mwp-mc-auto-placement,
.mwp-mc-footer-switcher {
  --mc-bg: var(--mwp-switcher-bg, #0b5cff) !important;
  --mc-bg-hov: var(--mwp-switcher-hover-bg, #0747c7) !important;
  --mc-border: var(--mwp-switcher-border, #ffffff) !important;
  --mc-border-hov: var(--mwp-switcher-border, #ffffff) !important;
  --mc-text: var(--mwp-switcher-text, #ffffff) !important;
  --mc-panel-bg: var(--mwp-dropdown-bg, #ffffff) !important;
  --mc-panel-border: color-mix(in srgb, var(--mwp-switcher-border, #ffffff) 42%, #dbe7ff) !important;
  --mc-item-hover: var(--mwp-dropdown-hover-bg, #eef5ff) !important;
  --mc-item-active: var(--mwp-dropdown-hover-bg, #eef5ff) !important;
  --mc-item-active-text: var(--mwp-dropdown-active-text, #0b5cff) !important;
  --mc-accent: var(--mwp-switcher-active-bg, #063ea8) !important;
  --mc-accent-dark: var(--mwp-switcher-active-bg, #063ea8) !important;
  overflow: visible !important;
  z-index: 9999;
}

.mwp-mc-drop__btn,
.mwp-mc-switcher select.mwp-mc {
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  color: var(--mwp-switcher-text, #ffffff) !important;
  background: linear-gradient(135deg, var(--mwp-switcher-bg, #0b5cff), var(--mwp-switcher-active-bg, #063ea8)) !important;
  border: 1px solid color-mix(in srgb, var(--mwp-switcher-border, #ffffff) 72%, transparent) !important;
  box-shadow: 0 10px 22px rgba(2, 22, 70, .22), inset 0 1px 0 rgba(255,255,255,.22) !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.18) !important;
}

.mwp-mc-drop__btn:hover,
.mwp-mc-drop.open .mwp-mc-drop__btn,
.mwp-mc-switcher select.mwp-mc:hover {
  background: linear-gradient(135deg, var(--mwp-switcher-hover-bg, #0747c7), var(--mwp-switcher-active-bg, #063ea8)) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(2, 22, 70, .28), inset 0 1px 0 rgba(255,255,255,.26) !important;
}

.mwp-mc-drop__btn:focus-visible,
.mwp-mc-switcher select.mwp-mc:focus-visible,
.mwp-mc-btn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--mwp-switcher-bg, #0b5cff) 28%, #ffffff) !important;
  outline-offset: 3px !important;
}

.mwp-mc-drop__flag,
.mwp-mc-currency-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.08) !important;
  text-shadow: none !important;
}

.mwp-mc-drop__btn .mwp-mc-drop__code,
.mwp-mc-drop__btn .mwp-mc-drop__caret {
  color: var(--mwp-switcher-text, #ffffff) !important;
  fill: currentColor !important;
}

.mwp-mc-drop__panel {
  background: var(--mwp-dropdown-bg, #ffffff) !important;
  color: var(--mwp-dropdown-text, #0f172a) !important;
  min-width: 148px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  z-index: 2147483000 !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 22px 45px rgba(2, 22, 70, .20), 0 8px 18px rgba(2, 22, 70, .12) !important;
}

.mwp-mc-drop__item {
  color: var(--mwp-dropdown-text, #0f172a) !important;
  background: transparent !important;
}
.mwp-mc-drop__item:hover,
.mwp-mc-drop__item:focus {
  background: var(--mwp-dropdown-hover-bg, #eef5ff) !important;
}
.mwp-mc-drop__item.active {
  color: var(--mwp-dropdown-active-text, #0b5cff) !important;
  background: var(--mwp-dropdown-hover-bg, #eef5ff) !important;
}

.mwp-mc-btn {
  background: var(--mwp-switcher-bg, #0b5cff) !important;
  color: var(--mwp-switcher-text, #ffffff) !important;
  border-color: var(--mwp-switcher-border, #ffffff) !important;
}
.mwp-mc-btn:hover { background: var(--mwp-switcher-hover-bg, #0747c7) !important; }
.mwp-mc-btn.active { background: var(--mwp-switcher-active-bg, #063ea8) !important; color: var(--mwp-switcher-text, #ffffff) !important; }

.mwp-mc-auto-placement {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 12px 0;
  position: relative;
  overflow: visible !important;
}
.mwp-mc-auto-placement--wc_after_add_to_cart { margin-top: 14px; }
.mwp-mc-footer-switcher {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 2147482500;
  overflow: visible !important;
}
[dir="rtl"] .mwp-mc-footer-switcher { left: auto; right: 18px; }
@media (max-width: 600px) {
  .mwp-mc-drop__btn, .mwp-mc-switcher select.mwp-mc { min-height: 34px !important; padding: 0 12px !important; }
  .mwp-mc-footer-switcher { left: 12px; right: auto; bottom: 12px; }
  [dir="rtl"] .mwp-mc-footer-switcher { left: auto; right: 12px; }
}

/* ================================================================
   v2.9.5 — Precision audit final storefront switcher safeguards
   ================================================================ */
.mwp-mc-switcher .mwp-mc-drop,
.mwp-mc-footer-switcher .mwp-mc-drop,
.mwp-mc-auto-placement .mwp-mc-drop {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
}
.mwp-mc-switcher select.mwp-mc {
  background-color: var(--mwp-switcher-bg, #0b5cff) !important;
  opacity: 1;
  visibility: visible;
}
.mwp-mc-switcher select.mwp-mc[data-mwp-mc-dropdown="1"] {
  opacity: 0 !important;
  visibility: hidden !important;
}
.mwp-mc-drop__panel {
  transform: translateZ(0);
}
.mwp-mc-drop__btn,
.mwp-mc-drop__item,
.mwp-mc-btn {
  -webkit-tap-highlight-color: transparent;
}
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  .mwp-mc-drop__btn,
  .mwp-mc-switcher select.mwp-mc {
    border-color: var(--mwp-switcher-border, #ffffff) !important;
  }
  .mwp-mc-drop__btn:focus-visible,
  .mwp-mc-switcher select.mwp-mc:focus-visible,
  .mwp-mc-btn:focus-visible {
    outline-color: #bfdbfe !important;
  }
}