/* Authentication Navigation Styles */
.auth-menu, .user-menu {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-left: auto;
}

.user-menu .user-email {
    color: var(--color-gold);
    font-size: 0.9rem;
    margin-right: var(--spacing-md);
}

.user-menu button {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
}

/* Show/hide authentication states */
[data-auth] {
    display: none;
}

[data-unauth] {
    display: flex;
}

body.authenticated [data-auth] {
    display: flex;
}

body.authenticated [data-unauth] {
    display: none;
}

/* Button override for navigation */
.nav-menu .btn {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.9rem;
}