/**-----------------------------------------------New Header---------------------------------------------- **/



/* --- Header & Navigation --- */
.main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; padding: 15px 0; background: rgba(18, 18, 18, 0.8); backdrop-filter: blur(10px); }
.navbar { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 2rem; color: var(--primary-color); text-decoration: none; }
.nav-links { display: flex; list-style: none; margin: 0; padding: 0; gap: 35px; }
.nav-links a { color: var(--light-text); text-decoration: none; font-size: 1rem; font-weight: 700; position: relative; transition: color 0.3s ease; }
.nav-links a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: var(--primary-color); transition: width 0.3s ease; }
.nav-links a:hover, .nav-links a.active { color: var(--primary-color); }
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }

/* Hide auth buttons by default in this version */
.auth-buttons {
    display: none;
}

/* --- NEW: USER PROFILE DROPDOWN STYLES --- */
.user-profile { position: relative; }
.user-menu-btn { background: none; border: none; color: var(--light-text); font-family: var(--font-primary); font-size: 1rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 5px; }
.dropdown-arrow { width: 20px; height: 20px; transition: transform 0.3s ease; }
.user-menu-btn.open .dropdown-arrow { transform: rotate(180deg); }
.dropdown-menu { position: absolute; top: calc(100% + 10px); right: 0; background: var(--dark-card-bg); border: 1px solid #2a2a2a; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); width: 200px; z-index: 10; overflow: hidden; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; }
.dropdown-menu.show { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-menu a { display: block; padding: 12px 20px; color: var(--light-text); text-decoration: none; font-size: 0.95rem; transition: background-color 0.3s; }
.dropdown-menu a:hover { background-color: rgba(126, 87, 194, 0.2); }
.dropdown-menu hr { border: none; height: 1px; background-color: #2a2a2a; margin: 5px 0; }

/**-----------------------------------------------New Header---------------------------------------------- **/