.viva-header {
	position: relative;
	z-index: 1000;
	min-height: var(--viva-header-height-mobile);
	border-bottom: 1px solid transparent;
	transition:
		background-color var(--viva-duration-base) ease,
		border-color var(--viva-duration-base) ease,
		backdrop-filter var(--viva-duration-base) ease;
}

.viva-header.is-scrolled {
	border-color: var(--viva-color-border);
	background: rgb(11 13 12 / 0.90);
	backdrop-filter: blur(14px);
}

.viva-header__logo img,
.viva-header__logo svg {
	max-height: 42px;
	width: auto;
}

.viva-main-nav .elementor-nav-menu a {
	color: var(--viva-color-text-secondary);
	font-size: 0.95rem;
	font-weight: 500;
	transition: color var(--viva-duration-fast) ease;
}

.viva-main-nav .elementor-nav-menu a:hover,
.viva-main-nav .elementor-nav-menu .current-menu-item > a {
	color: var(--viva-color-gold-soft);
}

.viva-main-nav .elementor-nav-menu--dropdown {
	border: 1px solid var(--viva-color-border);
	border-radius: var(--viva-radius-md);
	background: var(--viva-color-charcoal);
}

.viva-mobile-menu {
	background: var(--viva-color-black);
	color: var(--viva-color-text);
}

.viva-quick-nav {
	position: fixed;
	inset: auto 12px 12px;
	z-index: 950;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
	padding: 6px;
	border: 1px solid var(--viva-color-border);
	border-radius: var(--viva-radius-md);
	background: rgb(17 21 19 / 0.94);
	backdrop-filter: blur(14px);
}

.viva-quick-nav a {
	display: grid;
	min-height: 48px;
	place-items: center;
	border-radius: 9px;
	color: var(--viva-color-text-secondary);
	font-size: 0.78rem;
	text-decoration: none;
}

.viva-quick-nav a.is-primary {
	background: var(--viva-color-gold);
	color: var(--viva-color-text-dark);
	font-weight: 700;
}