.language-switcher-dropdown{display:inline-block;position:relative}.language-switcher-btn{border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:.5rem;padding:.5rem .875rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:flex}.language-switcher-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:#4887d80d}.language-switcher-btn:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.language-switcher-btn .flag-icon{flex-shrink:0;font-size:1.125rem;line-height:1;display:inline-block}.language-switcher-btn .current-locale{white-space:nowrap}.language-switcher-btn .dropdown-arrow{transition:transform var(--transition-normal);flex-shrink:0;margin-left:.25rem;font-size:10px}.language-switcher-btn .dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;border:1px solid #0000001a;min-width:140px;padding:.5rem 0;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + .5rem);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:flex}.language-option .flag-icon{flex-shrink:0;font-size:1.125rem;line-height:1;display:inline-block}.language-option:hover{color:var(--primary-blue);background:#4887d80d}.language-option.active{color:var(--primary-blue);background:#4887d81a;font-weight:600}.language-option:focus-visible{outline:2px solid var(--primary-blue);outline-offset:-2px}@media (max-width:1200px){.language-switcher-btn{padding:.45rem .75rem;font-size:.8rem}.language-switcher-btn .flag-icon{font-size:1rem}}@media (max-width:1024px){.language-switcher-btn{padding:.4rem .7rem;font-size:.8rem}}@media (max-width:900px){.language-switcher-btn{padding:.4rem .65rem;font-size:.75rem}.language-switcher-btn .flag-icon{font-size:1rem}}@media (max-width:800px){.language-switcher-btn{padding:.35rem .6rem;font-size:.7rem}}@media (max-width:768px){.language-switcher-btn{padding:.5rem .875rem;font-size:.875rem}.language-dropdown-menu{min-width:130px;right:0}}