.locale-switcher{position:relative;display:inline-block}.locale-switcher-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;color:#374151}.locale-switcher-button:hover{background:#f9fafb;border-color:#d1d5db}.locale-flag{font-size:18px;line-height:1}.locale-label{color:#1f2937}.locale-arrow{font-size:10px;transition:transform .2s ease;color:#6b7280}.locale-arrow.open{transform:rotate(180deg)}.locale-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);min-width:180px;z-index:1000;overflow:hidden}.locale-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:white;border:none;cursor:pointer;font-size:14px;transition:background .2s ease;text-align:left}.locale-option:hover{background:#f9fafb}.locale-option.active{background:#f0f9ff;color:#0369a1}.locale-option.active .locale-label{font-weight:600;color:#0369a1}.locale-check{margin-left:auto;font-size:16px;color:#0369a1}@media (max-width:640px){.locale-switcher-button{padding:6px 12px;font-size:13px}.locale-flag{font-size:16px}.locale-dropdown{min-width:150px}.locale-option{padding:10px 14px;font-size:13px}}