/* Right side of the header: language switch, theme toggle, call-to-action. */
.nav-right{display:flex;align-items:center;gap:14px}

.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.theme-toggle:hover{border-color:var(--accent)}
.theme-toggle svg{width:17px;height:17px}
.theme-toggle .sun{display:none}
:root[data-theme="dark"] .theme-toggle .sun{display:block}
:root[data-theme="dark"] .theme-toggle .moon{display:none}

.lang-switch{display:flex;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:3px;gap:2px}
.lang-switch a{display:flex;align-items:center;gap:6px;color:var(--muted);font:600 12px var(--body);letter-spacing:.04em;padding:7px 11px;border-radius:999px;transition:background .2s,color .2s}
.lang-switch a svg{width:20px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:none}
.lang-switch a[aria-current="true"]{background:var(--btn-bg);color:var(--btn-fg)}
.lang-switch a:not([aria-current]):hover{color:var(--ink)}

@media (max-width:600px){
  .nav-right{gap:8px}
  .nav-cta{display:none}
  .theme-toggle{width:36px;height:36px}
  .lang-switch a{padding:6px 8px;gap:5px;font-size:11px}
  .lang-switch a svg{width:16px;height:10px}
}