(showDropdown = !showDropdown)} class="flex items-center gap-2 rounded-lg border border-theme-border bg-theme-surface px-3 py-2 text-sm font-medium text-theme-text transition-colors hover:bg-theme-surface-hover" aria-label="Change language" >
{currentLanguage.flag}
{currentLanguage.name}
{#if showDropdown}
{#each languages as lang}
changeLanguage(lang.code)} class="flex w-full items-center gap-3 px-4 py-2 text-left text-sm transition-colors hover:bg-gray-100 dark:hover:bg-gray-700 {lang.code === currentLanguage.code ? 'bg-gray-50 dark:bg-gray-700/50' : ''}" >
{lang.flag}
{lang.name}
{#if lang.code === currentLanguage.code}
{/if}
{/each}
{/if}
{ // Close dropdown when clicking outside if (showDropdown && !(e.target as HTMLElement)?.closest('.relative')) { showDropdown = false; } }} />