@import url(config.css);

/* Base container for injected language switcher (icy/frosted look) */
.translate-switcher{position:relative;display:inline-flex;align-items:center;gap:.5rem;user-select:none;background:linear-gradient(135deg, rgba(202,214,238,.55), rgba(255,255,255,.35));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 24px rgba(0,40,80,.12), inset 0 0 0 1px rgba(180,200,230,.35);padding:.25rem .5rem;border-radius:999px}
.translate-switcher .label{font-weight:600;cursor:pointer;color:#0f335c;letter-spacing:.2px; font-family: var(--heading);}
.translate-switcher .current{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;background:rgba(255,255,255,.5);border:1px solid rgba(180,200,230,.5);padding:.25rem .5rem;border-radius:999px;transition:transform .15s ease, box-shadow .15s ease}
.translate-switcher .current:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,40,80,.15)}
.translate-switcher .current img{width:20px;height:14px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.translate-switcher .dropdown{position:absolute;top:100%;right:0;margin-top:.4rem;min-width:200px;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(240,246,255,.92));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(180,200,230,.5);box-shadow:0 12px 30px rgba(0,40,80,.18);border-radius:14px;overflow:hidden;z-index:9999;display:none}
.translate-switcher.open .dropdown{display:block}
.translate-switcher .option{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;cursor:pointer;transition:background .15s ease, transform .1s ease}
.translate-switcher .option:hover{background:rgba(202,214,238,.35)}
.translate-switcher .option img{width:22px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.translate-switcher .option .name{font-size:.95rem;color:#0f335c; font-family: var(--p);}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display: none;}

/* Compact on mobile so it doesn't break menus */
@media (max-width: 640px){
	.translate-switcher .label{display:none}
	.translate-switcher .dropdown{right:auto;left:0}
}

/* Hidden host for Google widget */
#google_translate_element{position:absolute;width:0;height:0;overflow:hidden}

/* Hide Google Translate default UI and artifacts */
.goog-te-banner-frame{display:none !important}
.goog-te-balloon-frame{display:none !important}
.goog-logo-link{display:none !important}
.goog-te-gadget{display:none !important}
.goog-te-gadget-icon{display:none !important}
.goog-te-menu-frame{display:none !important}
body{top:0 !important}

/* Prevent layout shifts when Google injects styles */
body .skiptranslate{display:none !important}

/* RTL helper when Arabic or other RTL language is active */
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .links{direction:rtl}
html[dir="rtl"] .links > *{float:none}