/* ===== Language Selector ===== */
.lang-selector{
 display:flex;
 align-items:center;
 gap:4px;
 margin-left:1rem;
}
.lang-btn{
 display:flex;
 align-items:center;
 justify-content:center;
 width:32px;
 height:32px;
 border-radius:50%;
 border:2px solid transparent;
 background:rgba(255, 255, 255, 0.08);
 cursor:pointer;
 transition:all 0.25s ease;
 padding:0;
 font-size:0;
 line-height:1;
 position:relative;
 overflow:hidden;
}
.lang-btn img{
 width:20px;
 height:20px;
 border-radius:50%;
 object-fit:cover;
 pointer-events:none;
}
.lang-btn:hover{
 background:rgba(245, 158, 11, 0.15);
 border-color:rgba(245, 158, 11, 0.4);
 transform:scale(1.1);
}
.lang-btn.active{
 border-color:#f59e0b;
 background:rgba(245, 158, 11, 0.2);
 box-shadow:0 0 8px rgba(245, 158, 11, 0.3);
}
/* Tooltip */
.lang-btn::after{
 content:attr(data-lang-name);
 position:absolute;
 bottom:-28px;
 left:50%;
 transform:translateX(-50%);
 background:#1c1917;
 color:#e7e5e4;
 font-size:10px;
 font-family:'Montserrat', sans-serif;
 padding:3px 8px;
 border-radius:4px;
 white-space:nowrap;
 opacity:0;
 pointer-events:none;
 transition:opacity 0.2s;
 z-index:200;
}
.lang-btn:hover::after{
 opacity:1;
}
/* ===== Hide Google Translate default UI ===== */
#google_translate_element{
 position:absolute;
 top:-9999px;
 left:-9999px;
 opacity:0;
 height:0;
 overflow:hidden;
}
/* Hide the Google Translate top bar */
body > .skiptranslate,
.goog-te-banner-frame,
.skiptranslate{
 display:none !important;
 height:0 !important;
 visibility:hidden !important;
}
body{
 top:0 !important;
}
/* Fix iframe that Google injects */
iframe.skiptranslate,
iframe.goog-te-banner-frame{
 display:none !important;
 visibility:hidden !important;
}
/* Fix body margin pushed by Google Translate bar */
html.translated-ltr body,
html.translated-rtl body{
 top:0 !important;
}
/* Remove "Translated by Google" tooltips on hover */
.goog-te-balloon-frame{
 display:none !important;
}
#goog-gt-tt{
 display:none !important;
}
.goog-text-highlight{
 background:none !important;
 box-shadow:none !important;
}
/* ===== Mobile Responsive ===== */
@media (max-width:768px){
 .lang-selector{
 margin-left:0;
 margin-right:0.5rem;
 gap:3px;
 order:-1;
}
 .lang-btn{
 width:26px;
 height:26px;
}
 .lang-btn img{
 width:17px;
 height:17px;
}
 .lang-btn::after{
 display:none;
}
 /* Show flags in nav-container, before toggle */
 .nav-container .lang-selector{
 position:absolute;
 right:60px;
 top:50%;
 transform:translateY(-50%);
}
}
@media (max-width:480px){
 .lang-btn{
 width:24px;
 height:24px;
}
 .lang-btn img{
 width:15px;
 height:15px;
}
 .nav-container .lang-selector{
 right:55px;
 gap:2px;
}
}