/* ── Custom flag language switcher (replaces raw Google Translate widget) ── */

/* Hide Google's own widget/banner but keep it in the DOM so it still works */
#google_translate_element,
.translate-widget{
  display:inline-block!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  position:absolute!important;
}
iframe.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate{display:none!important;height:0!important;visibility:hidden!important;}
body{top:0!important;position:static!important;}
html{top:0!important;}
.goog-tooltip, .goog-tooltip:hover{display:none!important;}
.goog-text-highlight{background:none!important;box-shadow:none!important;}

/* ── Switcher ── */
.lang-switcher{position:relative;font-family:'Montserrat',sans-serif;user-select:none;}

.lang-current{
  display:flex;align-items:center;gap:8px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(201,168,76,0.30);
  border-radius:20px;
  padding:5px 12px 5px 8px;
  color:rgba(255,255,255,0.82);
  font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
  cursor:pointer;
  transition:border-color .2s,color .2s,background .2s;
  line-height:1;
}
.lang-current:hover,
.lang-switcher.open .lang-current{
  border-color:var(--gold,#C9A84C);
  color:var(--gold,#C9A84C);
  background:rgba(201,168,76,0.08);
}
.lang-current .lang-flag{
  width:20px;height:14px;border-radius:2px;object-fit:cover;display:block;flex-shrink:0;
  box-shadow:0 0 0 1px rgba(255,255,255,0.18);
}
.lang-current .lang-arrow{
  font-size:8px;line-height:1;transition:transform .25s;color:inherit;opacity:0.75;
}
.lang-switcher.open .lang-current .lang-arrow{transform:rotate(180deg);}

.lang-menu{
  position:absolute;top:calc(100% + 10px);right:0;
  min-width:230px;max-height:340px;overflow-y:auto;
  background:#0A1A30;
  border:1px solid rgba(201,168,76,0.25);
  border-radius:10px;
  box-shadow:0 16px 48px rgba(0,0,0,0.4);
  padding:8px;
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  z-index:10000;
}
.lang-switcher.open .lang-menu{
  opacity:1;visibility:visible;transform:translateY(0);
}
.lang-menu::-webkit-scrollbar{width:6px;}
.lang-menu::-webkit-scrollbar-thumb{background:rgba(201,168,76,0.35);border-radius:3px;}
.lang-menu::-webkit-scrollbar-track{background:transparent;}

.lang-option{
  display:flex;align-items:center;gap:12px;
  padding:9px 12px;border-radius:6px;cursor:pointer;
  font-family:'Roboto',sans-serif;
  font-size:12.5px;font-weight:400;
  color:rgba(255,255,255,0.82);
  transition:background .15s,color .15s;
}
.lang-option:hover{background:rgba(201,168,76,0.12);color:var(--gold,#C9A84C);}
.lang-option.active{color:var(--gold,#C9A84C);background:rgba(201,168,76,0.08);font-weight:600;}
.lang-option .lang-flag{
  width:22px;height:16px;border-radius:2px;object-fit:cover;flex-shrink:0;
  box-shadow:0 0 0 1px rgba(255,255,255,0.14);
}
.lang-option .lang-name{flex:1;white-space:nowrap;}
.lang-option .lang-native{
  font-size:10.5px;color:rgba(255,255,255,0.4);letter-spacing:0.5px;white-space:nowrap;
}
.lang-option.active .lang-native{color:rgba(201,168,76,0.6);}

@media(max-width:600px){
  .lang-menu{right:auto;left:0;min-width:200px;}
}