/* ================================================================
   MWP MultiCurrency — Header UI overrides v2.5.0
   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; }
}