/* Bottom nav SVG — cores do tema via CSS vars; Login/Register ficam no Vue (.btn-login / .btn-register) */
body.use-code-nav-buttons .fixed.btn.z-40 button:has(.code-nav-icon) img.icon {
    display: none !important;
}

body.use-code-nav-buttons .code-nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-bottom: 2px;
}

body.use-code-nav-buttons .code-nav-icon svg {
    width: 24px;
    height: 24px;
    stroke: var(--borders-and-dividers-colors, rgba(255, 255, 255, 0.55));
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke 0.2s ease, color 0.2s ease;
}

body.use-code-nav-buttons .fixed.btn.z-40 button.code-nav-active .code-nav-icon svg {
    stroke: var(--theme-accent-color, var(--background-itens-selected, var(--botao-login-background-nav)));
    fill: none;
}

body.use-code-nav-buttons .fixed.btn.z-40 button.code-nav-active .text {
    color: var(--theme-accent-color, var(--background-itens-selected, var(--botao-login-background-nav))) !important;
    opacity: 1 !important;
}

body.use-code-nav-buttons .fixed.btn.z-40 .text {
    font-size: 11px;
    font-weight: 500;
}