/* Store language selector - isolated; supports light/dark and narrow headers. */
.mgb-lang-picker{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  gap:2px;padding:3px;background:#f0f4f9;border:1px solid #dbe3ed;
  border-radius:11px;white-space:nowrap;vertical-align:middle;
  direction:ltr;line-height:1.2;box-shadow:none;z-index:2;
}
.mgb-lang-picker button{
  appearance:none!important;border:0!important;outline:none;background:transparent!important;
  color:#536781!important;cursor:pointer;font:700 11px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif!important;
  padding:7px 8px!important;min-width:30px;height:29px;border-radius:7px!important;
  text-align:center;white-space:nowrap;box-shadow:none!important;
  min-height:0!important;max-width:none!important;width:auto!important;letter-spacing:.01em!important;
}
.mgb-lang-picker button[aria-pressed="true"]{
  background:#1a3555!important;color:#fff!important;box-shadow:0 2px 6px rgba(9,31,60,.14)!important;
}
.mgb-lang-picker button:hover:not([aria-pressed="true"]){background:#e3eaf3!important;color:#1a3555!important}
.mgb-lang-picker button:focus-visible{outline:2px solid #c69a40!important;outline-offset:2px}
html[data-theme="dark"] .mgb-lang-picker,
html[data-mgb-admin-theme="dark"] .mgb-lang-picker,
html.dark .mgb-lang-picker{
  background:#1c2a3c;border-color:#39516a;
}
html[data-theme="dark"] .mgb-lang-picker button,
html.dark .mgb-lang-picker button{color:#c4d3e4!important}
html[data-theme="dark"] .mgb-lang-picker button[aria-pressed="true"],
html.dark .mgb-lang-picker button[aria-pressed="true"]{
  color:#fff!important;background:#446f9b!important;
}
html[data-theme="dark"] .mgb-lang-picker button:hover:not([aria-pressed="true"]){background:#31455d!important;color:#fff!important}
@media(max-width:760px){
  .mgb-lang-picker{gap:0;padding:2px;border-radius:9px}
  .mgb-lang-picker button{font-size:10px!important;padding:6px 5px!important;min-width:27px;height:27px}
}
/* Small product-page and custom page headers stay flexible with the added selector. */
.product-site-header,.repair-header-inner,.pc-header-inner,.track-header-inner,
.legal-header-inner,.seo-header-inner,.account-header-inner{min-width:0}
.product-site-header>.mgb-lang-picker{margin-left:auto}
.seo-header-inner>.mgb-lang-picker,.repair-header-inner>.mgb-lang-picker,
.pc-header-inner>.mgb-lang-picker,.track-header-inner>.mgb-lang-picker,
.legal-header-inner>.mgb-lang-picker{margin-left:auto}
@media(max-width:480px){
  .account-nav>.mgb-lang-picker{margin-left:2px}
}

@media(max-width:640px){.site-header .mobile-quick-nav .mgb-lang-picker{flex:0 0 auto;align-self:center;margin-left:auto}}

@media(min-width:641px) and (max-width:760px){.site-header>.mgb-lang-picker{display:flex;width:max-content;margin:0 12px 8px auto}}