/* Theme customizer: nav + button body classes (see app/core/theme_tokens.php). */

body.nav-pills .nav-bar {
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 12px 10px;
    background: var(--nav-bg, var(--card));
}

body.nav-pills .nav-item {
    border-radius: 999px;
    padding: 8px 14px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));
}

body.nav-pills .nav-item:hover {
    background: rgba(255, 255, 255, 0.12);
}

body.nav-minimal .nav-bar {
    background: var(--nav-bg, transparent);
    border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.12));
    box-shadow: none;
}

body.nav-minimal .nav-item {
    border-radius: 0;
    padding: 10px 8px;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
}

body.nav-minimal .nav-item:hover {
    background: transparent;
    border-bottom-color: var(--accent);
    opacity: 1;
}

body.btn-theme-outline .btn {
    background: transparent;
    color: var(--accent);
    border: 2px solid var(--accent);
}

body.btn-theme-outline .btn:hover {
    background: rgba(255, 255, 255, 0.06);
    opacity: 1;
}

body.btn-theme-ghost .btn {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text);
    border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.15));
}

body.btn-theme-ghost .btn:hover {
    border-color: var(--accent);
    color: var(--accent);
    opacity: 1;
}

body.btn-theme-outline .btn-secondary,
body.btn-theme-ghost .btn-secondary {
    background: transparent;
    border-color: var(--border-subtle, rgba(255, 255, 255, 0.2));
    color: var(--text);
}