/* Customer-facing additions: account menu in the navbar, login / register / account pages */

/* Navbar user dropdown (the generic ".nav-icons a" rule in style.css would otherwise enlarge the menu items) */
.nav-icons .user-menu { display: inline-block; }
.nav-icons .user-menu .dropdown-toggle::after { display: none; }
.nav-icons .user-menu .dropdown-menu { font-size: 14px; min-width: 210px; border: 1px solid #e6edf4; box-shadow: 0 10px 30px rgba(11,28,51,0.12); }
.nav-icons .user-menu .dropdown-item { margin: 0; font-size: 14px; color: var(--primary-color); padding: 8px 16px; }
.nav-icons .user-menu .dropdown-item:hover { background: var(--bg-light); color: var(--accent-color); }
.nav-icons .user-menu .dropdown-header { color: var(--primary-color); font-weight: 600; font-family: 'Poppins', sans-serif; }

/* Login / register */
.auth-card { max-width: 480px; margin: 0 auto; }
.auth-card h3 { margin-bottom: 4px; }
.auth-links { font-size: 14px; }
.auth-links a { text-decoration: none; }
.auth-links a:hover { text-decoration: underline; }

/* My account */
.account-avatar {
    width: 88px; height: 88px; border-radius: 50%; margin: 0 auto 14px;
    background: var(--primary-color); color: #fff; display: flex; align-items: center; justify-content: center;
    font-family: 'Playfair Display', serif; font-size: 36px;
}
.danger-zone { border: 1px solid #f1c7cd; background: #fff8f9; }
.danger-zone h4 { color: #b02a37; }