/* Decorative SVGs follow the native 24-unit, 1.8-stroke icon language. */
html.mgsm26 :is(header, #navbarToggler1) .mgsm26-nav-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: inherit;
  pointer-events: none;
}
html.mgsm26 #navbarToggler1 .mgsm26-account-action:has(> .mgsm26-nav-icon) {
  justify-content: flex-start;
}
html.mgsm26 #navbarToggler1 .mgsm26-account-action:has(> .mgsm26-nav-icon) > .mgsm26-btn__t {
  flex: 1 1 auto;
  text-align: start;
}

/* This is a display preference, separate from DHRU's native currency picker. */
html.mgsm26 header [data-m26-cur] { display: none !important; }
html.mgsm26 .mgsm26-display-currency {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}
html.mgsm26 .mgsm26-display-currency > summary {
  width: auto;
  min-width: 92px;
  min-height: 44px;
  padding: 0 9px;
  gap: 6px;
  cursor: pointer;
  list-style: none;
  font: 650 12.5px/1.2 var(--m26-sans);
  letter-spacing: .025em;
}
html.mgsm26 .mgsm26-display-currency > summary::-webkit-details-marker { display: none; }
html.mgsm26 .mgsm26-display-currency > summary::marker { content: ""; }
html.mgsm26 .mgsm26-display-currency > summary > svg:last-child { flex: 0 0 14px; }
html.mgsm26 .mgsm26-display-currency > summary > .mgsm26-currency-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
html.mgsm26 .mgsm26-display-currency[open] > summary > svg:last-child { transform: rotate(180deg); }
html.mgsm26 .mgsm26-display-currency .mgsm26-menu__item {
  gap: 10px;
  text-align: start;
}
html.mgsm26 .mgsm26-display-currency .mgsm26-menu__item [data-mgsm-currency-name] {
  flex: 1 1 auto;
}
html.mgsm26 .mgsm26-display-currency .mgsm26-menu__item[aria-current="true"] {
  background: var(--m26-surface-2);
  box-shadow: inset 3px 0 0 var(--m26-accent-t);
}
html.mgsm26 .mgsm26-display-currency .mgsm26-menu__item:focus-visible {
  outline: 2px solid var(--m26-accent-t);
  outline-offset: -2px;
}
html.mgsm26 .mgsm26-currency-note {
  margin: 4px 6px 8px;
  color: var(--m26-ink);
  font: 500 12px/1.5 var(--m26-sans);
  letter-spacing: normal;
}
html.mgsm26 .mgsm26-currency-note:empty { display: none; }

/* The original number remains untouched; these are our separate sibling slots. */
html.mgsm26 .mgsm-money-equivalent,
html.mgsm26 [data-mgsm-money-equivalent] {
  display: block;
  max-width: 100%;
  margin-block-start: 5px;
  color: var(--m26-ink);
  font: 600 13px/1.45 var(--m26-sans);
  font-stretch: 100%;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  overflow-wrap: anywhere;
}
html.mgsm26 .mgsm-money-estimate { display: block; color: var(--m26-accent-t); }
html.mgsm26 .mgsm-money-actual {
  display: block;
  margin-block-start: 1px;
  color: var(--m26-ink);
  font-size: 11.5px;
  font-weight: 500;
}
html.mgsm26 .mgsm-money-rate-date {
  display: block;
  margin-block-start: 2px;
  color: var(--m26-ink);
  font: 450 11.5px/1.4 var(--m26-sans);
}
html.mgsm26 [data-mgsm-money-equivalent][hidden],
html.mgsm26 [data-mgsm-money-equivalent]:empty { display: none; }

/* The additional icons and currency control must not compress balances/actions. */
@media (min-width: 992px) and (max-width: 1439px) {
  html.mgsm26 header:has(.mgsm26-account-action) .navbar-xl > .d-none.d-lg-block {
    min-width: 0;
    flex: 1 1 auto;
  }
  html.mgsm26 header:has(.mgsm26-account-action) .navbar-mastermenu {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 12px 10px;
    padding-block: 6px;
  }
  html.mgsm26 header:has(.mgsm26-account-action) .mgsm26-actions { flex: 0 0 auto; }
}
@media (max-width: 991px) {
  html.mgsm26 .mgsm26-display-currency { display: inline-flex; }
  html.mgsm26 header .mgsm26-actions {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
@media (max-width: 700px) {
  html.mgsm26 .mgsm26-display-currency { position: static; }
  html.mgsm26 .mgsm26-display-currency > .mgsm26-menu {
    top: 100%;
    inset-inline-end: 12px;
    width: min(244px, calc(100vw - 24px));
  }
}
@media (max-width: 575px) {
  html.mgsm26 .mgsm26-display-currency > summary { min-width: 78px; padding-inline: 6px; gap: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  html.mgsm26 .mgsm26-display-currency > summary > svg { transition: none; }
}
@media (forced-colors: active) {
  html.mgsm26 .mgsm26-display-currency .mgsm26-menu__item[aria-current="true"] {
    border-inline-start: 3px solid Highlight;
    box-shadow: none;
  }
  html.mgsm26 .mgsm-money-estimate { color: CanvasText; }
}