/* =========================================================
   ARKETİPYA GLOBAL UNIFIED HEADER COMPONENT STYLESHEET
   ========================================================= */

html {
	overflow-y: scroll !important;
}

/* Master Fixed Capsule Header Container */
.arketipya-header-nav-container {
	position: fixed !important;
	top: 20px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: calc(100% - 30px) !important;
	max-width: 1280px !important;
	z-index: 99999 !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	pointer-events: auto !important;
}

/* Glassmorphic Capsule Nav Bar */
.arketipya-header-nav {
	background: rgba(10, 10, 20, 0.88) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border: 1px solid var(--accent-glow, rgba(139, 92, 246, 0.4)) !important;
	border-radius: 40px !important;
	padding: 10px 26px !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 0 15px rgba(255, 255, 255, 0.02) !important;
	position: relative !important;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 52px !important;
	width: 100% !important;
}

.arketipya-nav-left,
.arketipya-nav-right {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 16px !important;
}

/* Navigation Links */
.nav-link {
	font-family: 'Cinzel', serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 1.2px !important;
	color: rgba(255, 255, 255, 0.78) !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	white-space: nowrap !important;
	padding: 4px 8px !important;
	border-radius: 12px !important;
	position: relative !important;
}

.nav-link:hover,
.nav-link.active,
.nav-link.active-glow {
	color: var(--accent-secondary, #c084fc) !important;
	text-shadow: 0 0 12px var(--accent-glow, rgba(139, 92, 246, 0.5)) !important;
}

/* Active Page Indicator Underline */
.nav-link.active::after {
	content: "" !important;
	position: absolute !important;
	bottom: -4px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 60% !important;
	height: 2px !important;
	background: var(--accent-gradient, linear-gradient(135deg, #8b5cf6, #c084fc)) !important;
	border-radius: 2px !important;
	box-shadow: 0 0 8px var(--accent-primary, #8b5cf6) !important;
}

/* Centered Brand Logo */
.nav-brand {
	font-family: 'Cinzel', serif !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	letter-spacing: 3.5px !important;
	color: #d4af37 !important;
	text-decoration: none !important;
	text-shadow: 0 0 12px rgba(212, 175, 55, 0.4) !important;
	position: absolute !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	white-space: nowrap !important;
	transition: all 0.3s ease !important;
}

.nav-brand:hover {
	transform: translateX(-50%) scale(1.04) !important;
	color: #fcf6ba !important;
	text-shadow: 0 0 20px rgba(212, 175, 55, 0.7) !important;
}

/* Submenu Dropdown Wrapper */
.nav-dropdown-wrapper {
	position: relative !important;
	display: inline-block !important;
}

.nav-dropdown-menu {
	display: none !important;
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	background: rgba(12, 12, 28, 0.95) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border: 1px solid rgba(212, 175, 55, 0.3) !important;
	border-radius: 16px !important;
	padding: 10px 6px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8) !important;
	min-width: 160px !important;
	z-index: 99999 !important;
}

.nav-dropdown-wrapper:hover .nav-dropdown-menu {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.dropdown-link {
	font-family: 'Cinzel', serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: rgba(255, 255, 255, 0.8) !important;
	text-decoration: none !important;
	padding: 6px 12px !important;
	border-radius: 10px !important;
	transition: all 0.2s ease !important;
}

.dropdown-link:hover,
.dropdown-link.active {
	background: rgba(212, 175, 55, 0.15) !important;
	color: #d4af37 !important;
}

/* Theme Switcher Toggle Button */
.theme-picker-toggle-btn {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(212, 175, 55, 0.3) !important;
	color: #d4af37 !important;
	border-radius: 50% !important;
	width: 32px !important;
	height: 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
}

.theme-picker-toggle-btn:hover {
	transform: scale(1.1) !important;
	border-color: #d4af37 !important;
	box-shadow: 0 0 12px rgba(212, 175, 55, 0.4) !important;
}

.cosmic-theme-popover {
	display: none;
	position: absolute !important;
	top: 42px !important;
	right: 0 !important;
	background: rgba(12, 12, 28, 0.95) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border: 1px solid rgba(212, 175, 55, 0.4) !important;
	border-radius: 18px !important;
	padding: 12px 14px !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8) !important;
	z-index: 99999 !important;
	min-width: 170px !important;
}

.theme-popover-title {
	font-size: 10.5px !important;
	font-weight: 800 !important;
	color: #d4af37 !important;
	letter-spacing: 1px !important;
	display: block !important;
	margin-bottom: 8px !important;
	text-transform: uppercase !important;
	text-align: center !important;
}

.theme-opt-grid {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 8px !important;
}

.theme-opt-btn {
	border: 2px solid transparent !important;
	width: 22px !important;
	height: 22px !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	transition: transform 0.2s ease !important;
}

.theme-opt-btn:hover {
	transform: scale(1.2) !important;
}

/* Auth Modal Register/Login Trigger Button */
.auth-trigger-btn {
	background: rgba(212, 175, 55, 0.18) !important;
	border: 1px solid #d4af37 !important;
	color: #ffffff !important;
	padding: 6px 16px !important;
	border-radius: 20px !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	cursor: pointer !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	white-space: nowrap !important;
	transition: all 0.3s ease !important;
}

.auth-trigger-btn:hover {
	background: linear-gradient(135deg, #d4af37, #8b5cf6) !important;
	box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4) !important;
	transform: translateY(-1px) !important;
}

/* Mobile & Tablet Responsive Breakpoints */
@media (max-width: 1150px) {
	.arketipya-nav-left,
	.arketipya-nav-right {
		gap: 10px !important;
	}
	.nav-link {
		font-size: 10px !important;
		letter-spacing: 0.8px !important;
	}
	.nav-brand {
		font-size: 15px !important;
		letter-spacing: 2.5px !important;
	}
}

@media (max-width: 768px) {
	.arketipya-header-nav-container {
		top: 12px !important;
		width: calc(100% - 20px) !important;
	}
	.arketipya-header-nav {
		padding: 8px 16px !important;
	}
	.nav-brand {
		position: static !important;
		transform: none !important;
	}
}