/* desktop: first thing in the black bar */
      .ym-currency-topbar{order:-1;display:flex;align-items:center;margin-inline-start:24px}
      .ym-currency-topbar .woocommerce-multi-currency{margin:0}
      /* keep the plugin's own white chip — it reads as a control on the black bar,
         and its dark code text stays legible (white-on-white if we recolor it) */
      .ym-currency-topbar .wmc-current-currency{display:inline-flex;align-items:center;gap:3px;
        padding:2px 10px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;line-height:22px}
      /* Flags: the sprite cell is 60x40 and can only be shrunk with transform (its
         background-position values are absolute px, so background-size can't scale).
         transform doesn't shrink the layout box, hence the negative margins. Rounded
         with a hairline ring so it reads as a crisp little flag, not a pasted image. */
      .ym-currency-topbar .wmc-current-flag{
        transform:scale(.34) !important;margin:-13px -20px !important;
        border-radius:9px;box-shadow:0 0 0 3px rgba(0,0,0,.10);flex:0 0 auto}
      .ym-currency-topbar .wmc-current-currency-code{letter-spacing:.02em}
      /* same treatment for the flags inside the dropdown list */
      .ym-currency-topbar .wmc-sub-currency .vi-flag-64{
        transform:scale(.34) !important;margin:-13px -20px !important;
        border-radius:9px;box-shadow:0 0 0 3px rgba(0,0,0,.10)}
      .ym-currency-topbar .wmc-sub-currency a{display:flex;align-items:center;gap:10px;padding:7px 12px}
      /* mobile: a normal row at the end of the slide-in menu */
      /* the drawer centres every row — the pill follows suit instead of hugging the edge.
         the nav CSS sets li{display:block;padding:0} at higher specificity, hence the override */
      ul.elementor-nav-menu li.ym-currency-item,.ym-currency-item{display:flex!important;
        align-items:center;justify-content:center;padding:16px 20px!important}
      .ym-currency-item .woocommerce-multi-currency{margin:0;width:auto}
      .ym-currency-item select.wmc-nav{appearance:auto;-webkit-appearance:menulist;width:auto;min-width:210px;
        padding:8px 14px;border:1px solid rgba(128,128,128,.4);border-radius:999px;background:#fff;
        font-size:14px;font-weight:600;line-height:24px;color:#1a1a1a;text-align:center;text-align-last:center}
      /* the desktop panel must sit above the page, and stay scrollable if it outgrows the viewport */
      .ym-currency-topbar .wmc-sub-currency{z-index:99999;max-height:70vh;overflow-y:auto}