/* Controles do cabeçalho: idioma e interruptor. Não muda as cores do conteúdo. */
.lii-preferences {
    display:flex;
    align-items:center;
    gap:12px;
    font:500 13px/1.2 'DM Sans',Arial,sans-serif;
    color:inherit
}

.lii-preferences .lii-language {
    display:flex;
    align-items:center;
    gap:2px
}

.lii-preferences .lii-language a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    min-width:32px;
    font-size:13px;
    text-decoration:none
}

.lii-preferences .lii-language [aria-current] {
    font-weight:800;
    text-decoration:underline;
    text-underline-offset:5px
}

.lii-sr-only {
    position:absolute!important;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}

.lii-preferences-enabled .lii-header-actions {
    gap:16px
}

/* Mantém navegação e ações na mesma linha do desktop. */
@media(min-width:1201px) and (max-width:1600px) {
    .lii-preferences-enabled .lii-header .lii-header-inner {
        gap:20px;
        padding-left:24px;
        padding-right:24px;
        flex-wrap:nowrap
    }

    .lii-preferences-enabled .lii-header .lii-logo {
        width:110px
    }

    .lii-preferences-enabled .lii-header-pagenav {
        order:0;
        flex:1;
        min-width:0
    }

    .lii-preferences-enabled .lii-header .lii-header-pagenav .lii-e-nav {
        gap:18px;
        width:100%;
        justify-content:center
    }

    .lii-preferences-enabled .lii-header .lii-header-pagenav ul {
        gap:14px;
        font-size:14px
    }

    .lii-preferences-enabled .lii-header .lii-header-pagenav .wp-block-button__link {
        font-size:13px;
        padding:0 13px
    }

    .lii-preferences-enabled .lii-header-actions {
        gap:10px;
        flex-shrink:0
    }

    .lii-preferences-enabled .lii-preferences {
        gap:6px
    }

    .lii-preferences-enabled .lii-header .lii-menu-button {
        font-size:20px;
        padding:0 12px;
        gap:8px
    }

}

@media(max-width:600px) {
    .lii-preferences-enabled .lii-header .lii-header-inner {
        gap:12px;
        padding-left:16px;
        padding-right:16px
    }

    .lii-preferences-enabled .lii-header .lii-logo {
        width:92px
    }

    .lii-preferences-enabled .lii-header-actions {
        gap:8px
    }

    .lii-preferences {
        gap:4px
    }

    .lii-preferences .lii-language a {
        min-width:28px;
        font-size:12px
    }

    .lii-preferences-enabled .lii-header .lii-menu-button {
        padding:0 10px;
        font-size:18px;
        gap:7px
    }

}

.lii-header .lii-preferences .lii-theme-switch {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:none;
    width:54px;
    min-width:54px;
    min-height:44px;
    margin:0;
    padding:0;
    border:0;
    border-radius:24px;
    background:transparent;
    color:#595464;
    box-shadow:none;
    cursor:pointer;
    appearance:none;
    -webkit-tap-highlight-color:transparent
}

.lii-header .lii-preferences .lii-theme-switch[hidden] {
    display:none
}

.lii-switch-track {
    display:block;
    position:relative;
    width:50px;
    height:30px;
    border-radius:999px;
    background:#8b8791;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)
}

.lii-switch-thumb {
    position:absolute;
    top:3px;
    left:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.22);
    color:#595464
}

.lii-theme-switch[aria-checked=true] .lii-switch-track {
    background:#34c759
}

.lii-theme-switch[aria-checked=true] .lii-switch-thumb {
    transform:translateX(20px);
    color:#183b21
}

.lii-header .lii-preferences .lii-theme-switch:focus-visible {
    outline:3px solid var(--lii-h-ink);
    outline-offset:3px
}

@media(max-width:360px) {
    .lii-preferences-enabled .lii-header .lii-logo {
        width:72px
    }

    .lii-preferences-enabled .lii-header .lii-header-inner {
        padding-left:12px;
        padding-right:12px;
        gap:8px
    }

    .lii-preferences-enabled .lii-header-actions {
        gap:4px
    }

    .lii-preferences-enabled .lii-header .lii-menu-button {
        padding:0 7px;
        gap:5px
    }

}

/* Elasticidade leve, giro da lua e pressão. Acessibilidade vem na regra seguinte. */
.lii-switch-track {
    transition:background-color .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease
}

.lii-switch-thumb {
    transition:transform .48s cubic-bezier(.34,1.45,.5,1),color .3s ease,box-shadow .3s ease;
    transform-origin:center
}

.lii-theme-switch[aria-checked=true] .lii-header .lii-preferences .lii-theme-switch:active .lii-switch-thumb {
    transform:scale(.92)
}

.lii-header .lii-preferences .lii-theme-switch[aria-checked=true]:active .lii-switch-thumb {
    transform:translateX(20px) scale(.92)
}

@media(prefers-reduced-motion:reduce) {
    .lii-switch-track,.lii-switch-thumb,.lii-header .lii-preferences .lii-theme-switch:active .lii-switch-thumb {
        transform:none
    }

    .lii-header .lii-preferences .lii-theme-switch[aria-checked=true]:active .lii-switch-thumb {
        transform:translateX(20px)
    }

}

/* Sol no claro, lua no escuro: raios recolhem enquanto a lua aparece na mesma bolinha. */
.lii-switch-icon {
    overflow:visible
}

.lii-switch-sun,.lii-switch-rays,.lii-switch-moon {
    transform-origin:12px 12px;
    transition:opacity .28s ease,transform .48s cubic-bezier(.22,1,.36,1);
}

.lii-switch-sun,.lii-switch-rays {
    opacity:1;
    transform:rotate(0deg) scale(1)
}

.lii-switch-moon {
    opacity:0;
    transform:rotate(-55deg) scale(.45)
}

.lii-theme-switch[aria-checked=true] .lii-switch-sun {
    opacity:0;
    transform:scale(.35)
}

.lii-theme-switch[aria-checked=true] .lii-switch-rays {
    opacity:0;
    transform:rotate(65deg) scale(.35)
}

.lii-theme-switch[aria-checked=true] .lii-switch-moon {
    opacity:1;
    transform:rotate(0deg) scale(.82)
}

@media(prefers-reduced-motion:reduce) {
    .lii-switch-sun,.lii-switch-rays,.lii-switch-moon {
        transition:none!important
    }

}