@import url('/css/brand.css');
.language-switch{display:inline-flex;align-items:center;padding:3px;background:#edf4f1;border:1px solid #d9e6e1;border-radius:9px;gap:2px}.language-switch a{min-width:32px;padding:6px 8px;border-radius:6px;text-align:center;font-size:11px;font-weight:800;color:#72847f;text-decoration:none;transition:.18s ease}.language-switch a:hover{color:#0f5d50}.language-switch a.active,html[lang="en"] .language-switch a[href*="lang=en"],html[lang="tr"] .language-switch a[href*="lang=tr"]{background:#fff;color:#0f5d50;box-shadow:0 2px 7px rgba(16,42,42,.09)}

/* Workspace and checkout headers originally used plain EN/TR links. Give those
   the same visual language treatment without coupling page CSS to locale logic. */
.topbar>div>a[href*="lang="]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:6px 8px;margin:0 1px;border:1px solid #d9e6e1;border-radius:7px;background:#edf4f1;color:#72847f;text-decoration:none;font-size:11px;font-weight:800;line-height:1;transition:.18s ease}.topbar>div>a[href*="lang="]:hover{color:#0f5d50;background:#f7fbf9}html[lang="en"] .topbar>div>a[href*="lang=en"],html[lang="tr"] .topbar>div>a[href*="lang=tr"]{background:#fff;color:#0f5d50;box-shadow:0 2px 7px rgba(16,42,42,.09)}

@media(max-width:760px){.nav-actions{gap:8px}.language-switch a,.topbar>div>a[href*="lang="]{min-width:28px;padding:5px 6px}.nav-actions .button-small{display:none}}