/* ============================================================
   ПЕРЕКЛЮЧАТЕЛЬ ТЕМЫ — как пункт меню (в шапке)
   ============================================================ */
.wbz-theme-li{ display:flex; align-items:center; }
.wbz-theme-li > a{ display:none; } /* на случай, если тема обернёт в ссылку */
[data-wbz-theme-toggle]{ display:inline-flex; align-items:center; appearance:none; background:none; border:0; outline:0; box-shadow:none; padding:0; cursor:pointer; }
#masthead .wbz-theme-toggle,#masthead .wbz-theme-toggle:hover,#masthead .wbz-theme-toggle:focus,#masthead .wbz-theme-toggle:focus-visible{appearance:none;border:0;outline:0;background:transparent;box-shadow:none}
[data-wbz-theme-toggle] .wbz-th-track{ position:relative; box-sizing:content-box; width:56px; height:28px; border-radius:999px; background:var(--wbz-bg); border:1px solid var(--wbz-line); transition:border-color .15s; }
[data-wbz-theme-toggle]:hover .wbz-th-track,[data-wbz-theme-toggle]:focus-visible .wbz-th-track{ border-color:var(--wbz-acc); }
[data-wbz-theme-toggle]:focus-visible{outline:none;box-shadow:none}.wbz-theme-toggle:focus-visible .wbz-th-track{border-color:var(--wbz-brand);box-shadow:none}
[data-wbz-theme-toggle] .wbz-th-ic{ position:absolute; top:0; bottom:0; width:22px; display:flex; align-items:center; justify-content:center; z-index:2; }
[data-wbz-theme-toggle] .wbz-th-ic svg{ width:14px; height:14px; display:block; }
[data-wbz-theme-toggle] .wbz-th-sun{ left:3px; color:var(--wbz-gold); }
[data-wbz-theme-toggle] .wbz-th-moon{ right:3px; color:var(--wbz-mut); }
[data-wbz-theme-toggle] .wbz-th-knob{ position:absolute; top:50%; left:3px; transform:translateY(-50%); box-sizing:border-box; width:22px; height:22px; border-radius:50%; background:var(--wbz-surface); border:1px solid var(--wbz-line); box-shadow:var(--wbz-shadow-xs); z-index:1; transition:left .18s ease; }
html[data-theme="dark"] [data-wbz-theme-toggle] .wbz-th-knob{ left:31px; }
html[data-theme="dark"] [data-wbz-theme-toggle] .wbz-th-sun{ color:var(--wbz-mut); }
html[data-theme="dark"] [data-wbz-theme-toggle] .wbz-th-moon{ color:var(--wbz-acc); }


