/* ================================================================
   NexaCurrency Pro — Header UI overrides v2.9.5
   Loaded after front.css — targets WoodMart + common header themes.
   ================================================================ */

/* ── Hide legacy premium dropdown markup (no-op if absent) ──── */
.mwp-mc-dd, .mwp-mc-dd-menu, .mwp-mc-dd-btn,
.mwp-mc-dd-flag, .mwp-mc-dd-chip, .mwp-mc-dd-caret,
.mwp-mc-dd-item { display: none !important; }

/* ── Ensure switcher never clips the panel ──────────────────── */
/* contain:style is set in front.css; overflow must be visible   */
/* on the switcher AND on any header wrappers above it           */
.mwp-mc-switcher { overflow: visible; }

.wd-header-row--main .mwp-mc-switcher,
.wd-header-row       .mwp-mc-switcher,
.wd-header           .mwp-mc-switcher,
.whb-header          .mwp-mc-switcher,
.site-header         .mwp-mc-switcher,
.has-transparent-header .mwp-mc-switcher {
  overflow : visible;
  margin   : 0 4px;
}

/* ── Dark / transparent header — white-tinted trigger ────────── */
.wd-header        .mwp-mc-drop__btn,
.whb-header       .mwp-mc-drop__btn,
.has-transparent-header .mwp-mc-drop__btn,
.site-header-main .mwp-mc-drop__btn {
  background  : rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.28);
  color       : #fff;
}
.wd-header        .mwp-mc-drop__btn:hover,
.whb-header       .mwp-mc-drop__btn:hover,
.has-transparent-header .mwp-mc-drop__btn:hover {
  background  : rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.50);
}

/* ── Light header — dark-text trigger ────────────────────────── */
.ast-header-break-point .mwp-mc-drop__btn,
.header-style-1         .mwp-mc-drop__btn {
  background  : #f8fafc;
  border-color: #e2e8f0;
  color       : #1e293b;
}

/* ── Dropdown panel always above everything ──────────────────── */
.mwp-mc-drop__panel { z-index: 999999; }

/* ── Flag badge ──────────────────────────────────────────────── */
/*
   The badge is injected by mc-ui-header.js as the first child of
   .mwp-mc-drop__btn (and inside each .mwp-mc-drop__item).
   !important overrides are needed ONLY for visibility — WoodMart
   headers sometimes apply display:none / opacity:0 to unknown spans.
*/
.mwp-mc-drop__flag,
.mwp-mc-flag-badge {
  font-size      : 18px;
  line-height    : 1;
  flex-shrink    : 0;
  display        : inline-flex !important;
  align-items    : center;
  visibility     : visible !important;
  opacity        : 1 !important;
  pointer-events : none;
  user-select    : none;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .mwp-mc-drop__panel  { right: auto; left: 0; }
  .mwp-mc-drop__flag,
  .mwp-mc-flag-badge   { font-size: 16px; }
}


/* v2.9.5 — stable emoji currency icons */
.mwp-mc-drop__flag { display:inline-flex !important; align-items:center; justify-content:center; }
.mwp-mc-drop__flag .mwp-mc-svg-icon { width:18px; height:18px; display:block; }


/* 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 — WoodMart/header-builder no-clip stability */
.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;
}
.mwp-mc-switcher,
.mwp-mc-drop {
  overflow: visible !important;
  position: relative;
  z-index: 9999;
}
.mwp-mc-drop__panel {
  max-height: 280px;
  overflow: auto !important;
  z-index: 999999 !important;
}

/* ================================================================
   v2.9.5 — Header override: force clear premium switcher contrast
   ================================================================ */
.wd-header .mwp-mc-switcher .mwp-mc-drop__btn,
.wd-header-row .mwp-mc-switcher .mwp-mc-drop__btn,
.whb-header .mwp-mc-switcher .mwp-mc-drop__btn,
.whb-row .mwp-mc-switcher .mwp-mc-drop__btn,
.site-header .mwp-mc-switcher .mwp-mc-drop__btn,
.site-header-main .mwp-mc-switcher .mwp-mc-drop__btn,
.header-wrapper .mwp-mc-switcher .mwp-mc-drop__btn,
.has-transparent-header .mwp-mc-switcher .mwp-mc-drop__btn {
  background: linear-gradient(135deg, #1682ff 0%, #0d63d8 54%, #083f96 100%) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.42) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px rgba(8, 63, 150, .30), 0 3px 10px rgba(15, 23, 42, .18) !important;
}

.wd-header .mwp-mc-switcher .mwp-mc-drop__btn *,
.wd-header-row .mwp-mc-switcher .mwp-mc-drop__btn *,
.whb-header .mwp-mc-switcher .mwp-mc-drop__btn *,
.whb-row .mwp-mc-switcher .mwp-mc-drop__btn *,
.site-header .mwp-mc-switcher .mwp-mc-drop__btn *,
.site-header-main .mwp-mc-switcher .mwp-mc-drop__btn *,
.header-wrapper .mwp-mc-switcher .mwp-mc-drop__btn *,
.has-transparent-header .mwp-mc-switcher .mwp-mc-drop__btn * {
  color: #fff !important;
}

.wd-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
.wd-header-row .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
.whb-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
.whb-row .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
.site-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
.site-header-main .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
.header-wrapper .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag,
.has-transparent-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-drop__flag {
  background: rgba(255,255,255,.96) !important;
}

.wd-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.wd-header-row .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.whb-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.whb-row .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.site-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.site-header-main .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.header-wrapper .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon,
.has-transparent-header .mwp-mc-switcher .mwp-mc-drop__btn .mwp-mc-emoji-icon {
  color: initial !important;
}


/* v2.9.5 — Header builder color variables and clipping hardening */
.whb-header .mwp-mc-switcher,
.site-header .mwp-mc-switcher,
.elementor-location-header .mwp-mc-switcher {
  --mc-bg: var(--mwp-switcher-bg, #0b5cff) !important;
  --mc-bg-hov: var(--mwp-switcher-hover-bg, #0747c7) !important;
  --mc-text: var(--mwp-switcher-text, #ffffff) !important;
  --mc-border: var(--mwp-switcher-border, #ffffff) !important;
  overflow: visible !important;
}
.whb-header .mwp-mc-drop__btn,
.site-header .mwp-mc-drop__btn,
.elementor-location-header .mwp-mc-drop__btn {
  color: var(--mwp-switcher-text, #ffffff) !important;
  background: linear-gradient(135deg, var(--mwp-switcher-bg, #0b5cff), var(--mwp-switcher-active-bg, #063ea8)) !important;
  border-color: color-mix(in srgb, var(--mwp-switcher-border, #ffffff) 70%, transparent) !important;
}
.whb-header .mwp-mc-drop__panel,
.site-header .mwp-mc-drop__panel,
.elementor-location-header .mwp-mc-drop__panel { z-index: 2147483000 !important; }

/* v2.9.5 — Precision audit header-builder final hardening */
.whb-header .mwp-mc-switcher select.mwp-mc[data-mwp-mc-dropdown="1"],
.site-header .mwp-mc-switcher select.mwp-mc[data-mwp-mc-dropdown="1"],
.elementor-location-header .mwp-mc-switcher select.mwp-mc[data-mwp-mc-dropdown="1"] {
  opacity: 0 !important;
  visibility: hidden !important;
}
.whb-header .mwp-mc-drop,
.site-header .mwp-mc-drop,
.elementor-location-header .mwp-mc-drop {
  position: relative !important;
  overflow: visible !important;
}