/* Shared MyTradeHub language selector for public and authenticated headers. */
.mth-language{position:relative;display:flex;align-items:center;flex:0 0 auto}
.mth-language:before{content:'🌐';position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;line-height:1;pointer-events:none;z-index:1}
.mth-language:after{content:'⌄';position:absolute;right:9px;top:47%;transform:translateY(-50%);font-size:13px;color:var(--muted,#68766f);pointer-events:none}
.mth-language select{appearance:none;-webkit-appearance:none;height:39px;min-width:118px;max-width:138px;padding:0 27px 0 31px;border:1px solid var(--line,#dfe7e2);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#14231c);font:700 .88rem/1 Arial,Helvetica,sans-serif;cursor:pointer;outline:none}
.mth-language select:hover,.mth-language select:focus{border-color:#b9c8c0;box-shadow:0 0 0 3px rgba(18,128,82,.07)}
.mth-language-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mth-language-floating{position:fixed;right:16px;top:16px;z-index:9999;padding:4px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 6px 24px rgba(0,0,0,.12)}
.google-translate-mount,#google_translate_element,#google_translate_element *{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.goog-te-banner-frame.skiptranslate,body>.skiptranslate,.goog-te-gadget,.goog-te-gadget-simple,.goog-logo-link,.goog-te-combo{display:none!important;visibility:hidden!important}
body{top:0!important}
@media(max-width:840px){.mth-language select{min-width:104px;max-width:112px;padding-left:29px;padding-right:23px;font-size:.8rem}.mth-language:before{left:8px}.mth-language:after{right:7px}}
@media(max-width:620px){.topbar .header-actions .mth-language select{width:39px;min-width:39px;max-width:39px;padding:0;color:transparent}.topbar .header-actions .mth-language:before{left:12px}.topbar .header-actions .mth-language:after{display:none}.mth-language-floating{right:10px;top:10px}}
iframe.goog-te-banner-frame,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd,
#goog-gt-tt,
.goog-te-balloon-frame,
.VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.goog-te-spinner-pos{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important
}
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q,
.goog-text-highlight{background:transparent!important;box-shadow:none!important}
html,body{top:0!important}
.mth-language,.mth-language *{pointer-events:auto}
#mthLanguageButton,#mthLanguageMenu,#mthLanguageStyle{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Native select menus are rendered by the browser/OS outside the themed page.
   Keep option colors explicit so dark-mode page variables cannot produce light-on-light menus. */
.mth-language select{color-scheme:light dark}
.mth-language select option{background-color:#fff;color:#14231c}
:root[data-theme="night"] .mth-language select option{background-color:#111713;color:#f3f7f4}
:root[data-theme="night"] .mth-language select option:checked{background-color:#245f47;color:#fff}
