.menu-theme-toggle,
.menu-theme-pro-toggle {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--infradac-border);
    background: color-mix(in srgb, var(--infradac-card) 92%, transparent);
    color: var(--infradac-sidebar-text);
    cursor: pointer;
}

.menu-theme-pro-toggle {
    margin-top: 8px;
}

.menu-theme-pro-toggle.is-active {
    border-color: #d4af37;
    background: linear-gradient(135deg, #050505 0%, #17140d 100%);
    color: #f8edcf;
}

.menu-theme-pro-toggle .theme-icon {
    color: #d4af37;
}

.menu-theme-toggle .theme-icon,
.menu-theme-pro-toggle .theme-icon {
    width: 18px;
    text-align: center;
}

.menu-theme-toggle .theme-label,
.menu-theme-pro-toggle .theme-label {
    flex: 1 1 auto;
    text-align: left;
    font-weight: 600;
}

.menu-theme-toggle .toggle-switch {
    position: relative;
    width: 32px;
    height: 18px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--infradac-border) 88%, transparent);
}

.menu-theme-toggle .toggle-switch .toggle-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--infradac-gold) 0%, var(--infradac-green) 100%);
    transition: left 0.25s ease;
}

body.dark-mode .menu-theme-toggle .toggle-switch .toggle-knob {
    left: 16px;
}