/*
Theme Name: AstraGravity V3
Theme URI: https://serienautas.com/
Template: astra
Author: Serienautas
Author URI: https://serienautas.com/
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.19.0
Updated: 2026-01-04 01:16:48

*/

/* --- CUSTOM SERIENAUTAS HEADER START --- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root {
	--sn-red: #A01A24;
	--sn-white: #FFFFFF;
	--sn-gray-bg: #F3F4F6;
	--sn-text-dark: #1F2937;
	--sn-border: #E5E7EB;
}

.sn-custom-header {
	width: 100%;
	padding: 15px 30px;
	background-color: var(--sn-white);
	font-family: 'Poppins', sans-serif;
	position: absolute;
	top: 0;
	z-index: 999;
}

.sn-header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1400px;
	margin: 0 auto;
}

/* Left Logo */
.sn-logo-container img,
.sn-logo-container img.custom-logo {
	max-height: 55px !important;
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	object-fit: contain !important;
}
.sn-logo-text {
    font-weight: 700;
    font-size: 24px;
    color: var(--sn-text-dark);
    text-decoration: none;
}

/* Center Pill Nav */
.sn-center-nav {
	background-color: var(--sn-white);
	border-radius: 50px;
	padding: 8px 12px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	border: 1px solid var(--sn-border);
}

.sn-center-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.sn-center-nav li {
	margin: 0;
}

.sn-center-nav a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 20px;
	border-radius: 40px;
	text-decoration: none;
	color: var(--sn-text-dark);
	font-weight: 700;
	font-size: 14px;
	transition: all 0.2s ease;
}

.sn-center-nav li.active a {
	background-color: var(--sn-red);
	color: var(--sn-white);
}

.sn-center-nav li:not(.active) a:hover {
	background-color: var(--sn-gray-bg);
}

.sn-center-nav a svg {
	width: 16px;
	height: 16px;
}

/* Right User Management */
.sn-user-management {
	display: flex;
	align-items: center;
}

.sn-user-dropdown-container {
	position: relative;
	background-color: var(--sn-white);
	border-radius: 50px;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	border: 1px solid var(--sn-border);
	cursor: pointer;
}

.sn-user-info-trigger {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sn-balance {
	font-weight: 700;
	color: var(--sn-text-dark);
	font-size: 16px;
	margin-top: 5px;
}

.sn-avatar img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.sn-chevron {
	color: var(--sn-text-dark);
	transition: transform 0.2s;
}

.sn-user-dropdown-container:hover .sn-chevron {
	transform: rotate(180deg);
}

.sn-user-dropdown-menu {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	background-color: var(--sn-white);
	border-radius: 16px;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	border: 1px solid var(--sn-border);
	list-style: none;
	padding: 8px 0;
	margin: 0;
	min-width: 180px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.2s ease;
	z-index: 1000;
}

.sn-user-dropdown-container:hover .sn-user-dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.sn-user-dropdown-menu li {
	margin: 0;
}

.sn-user-dropdown-menu a {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	color: var(--sn-text-dark);
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: background-color 0.2s;
}

.sn-user-dropdown-menu a:hover {
	background-color: var(--sn-gray-bg);
}

.sn-logout-link {
	color: var(--sn-red) !important;
}

.sn-login-btn {
	background-color: var(--sn-red);
	color: var(--sn-white);
	padding: 8px 20px;
	border-radius: 40px;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	transition: opacity 0.2s;
}

.sn-login-btn:hover {
	opacity: 0.9;
}

.sn-login-btn.sn-login-btn-header {
	font-size: 15px !important;
	padding: 8px 24px !important;
	margin-top: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.sn-header-container {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 15px;
	}
	.sn-center-nav {
		order: 3;
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 6px 10px;
	}
	.sn-center-nav ul {
		width: 100%;
		justify-content: space-between;
		gap: 5px;
	}
	.sn-center-nav a {
		padding: 8px 12px;
		font-size: 13px;
	}
	.sn-logo-container img,
	.sn-logo-container img.custom-logo {
		max-height: 45px !important;
	}
	.sn-custom-header {
		padding: 15px 15px 15px 15px !important;
		position: relative !important;
	}
	.sn-user-dropdown-container {
		padding: 4px 10px !important;
		gap: 8px !important;
	}
	.sn-avatar img {
		width: 28px !important;
		height: 28px !important;
	}
	.sn-balance {
		font-size: 14px !important;
	}
	.sn-login-btn.sn-login-btn-header {
		padding: 7px 18px !important;
		font-size: 14px !important;
	}
}
/* Utility to close dropdown on mobile anchor click */
.sn-user-dropdown-menu.force-close {
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(10px) !important;
	pointer-events: none !important;
}
/* --- CUSTOM SERIENAUTAS HEADER END --- */