/* Interruptor do modo escuro, forma vertical (interruptor-tema.php).
   Arestas vivas, mesma altura e mesmas cores do botão MENU; o quadrado desce para o escuro.
   Medidas vêm do painel: --lii-switch-h, --lii-switch-w, --lii-switch-radius. */
.lii-switch--vertical{--lii-switch-h:var(--control-min-height,46px);--lii-switch-w:30px;--lii-switch-radius:0px}
.lii-switch--vertical .lii-header .lii-preferences .lii-theme-switch{
    width:auto;min-width:44px;height:var(--lii-switch-h);min-height:0;border-radius:var(--lii-switch-radius);color:var(--lii-h-button-ink)
}
.lii-switch--vertical .lii-switch-track{
    box-sizing:border-box;width:var(--lii-switch-w);height:var(--lii-switch-h);
    border:2px solid var(--lii-h-button);border-radius:var(--lii-switch-radius);
    background:transparent;box-shadow:none;
    transition:border-color .2s ease,background-color .2s ease
}
.lii-switch--vertical .lii-theme-switch[aria-checked=true] .lii-switch-track{background:transparent}
.lii-switch--vertical .lii-switch-thumb{
    top:2px;left:2px;width:calc(var(--lii-switch-w) - 8px);height:calc(var(--lii-switch-w) - 8px);
    border-radius:var(--lii-switch-radius);background:var(--lii-h-button);color:var(--lii-h-button-ink);box-shadow:none;
    transform:translateY(0);
    transition:transform .42s cubic-bezier(.65,0,.35,1),background-color .2s ease,color .2s ease
}
.lii-switch--vertical .lii-switch-icon{width:calc(var(--lii-switch-w) - 14px);height:calc(var(--lii-switch-w) - 14px)}
/* Percurso = altura - largura (bordas de 2px e folgas de 2px dos dois lados). */
.lii-switch--vertical .lii-theme-switch[aria-checked=true] .lii-switch-thumb,
.lii-switch--vertical.lii-switch--sol-baixo .lii-theme-switch[aria-checked=false] .lii-switch-thumb{
    transform:translateY(calc(var(--lii-switch-h) - var(--lii-switch-w)))
}
.lii-switch--vertical.lii-switch--sol-baixo .lii-theme-switch[aria-checked=true] .lii-switch-thumb{transform:translateY(0)}
/* Hover e pressão como no MENU: troca de cor, sem salto. */
.lii-switch--vertical .lii-header .lii-preferences .lii-theme-switch:hover .lii-switch-track{border-color:var(--lii-h-hover)}
.lii-switch--vertical .lii-header .lii-preferences .lii-theme-switch:hover .lii-switch-thumb{background:var(--lii-h-hover);color:var(--lii-h-hover-ink)}
.lii-switch--vertical .lii-header .lii-preferences .lii-theme-switch:active .lii-switch-thumb{transform:translateY(0)}
.lii-switch--vertical .lii-header .lii-preferences .lii-theme-switch[aria-checked=true]:active .lii-switch-thumb,
.lii-switch--vertical.lii-switch--sol-baixo .lii-header .lii-preferences .lii-theme-switch[aria-checked=false]:active .lii-switch-thumb{transform:translateY(calc(var(--lii-switch-h) - var(--lii-switch-w)))}
.lii-switch--vertical.lii-switch--sol-baixo .lii-header .lii-preferences .lii-theme-switch[aria-checked=true]:active .lii-switch-thumb{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.lii-switch--vertical .lii-switch-thumb,.lii-switch--vertical .lii-switch-track{transition:none}}