/* Header navigation — dropdown & mobile */

.mb-nav__item {
	position: relative;
}

.mb-nav__item--dropdown > .mb-nav__dropdown {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	min-width: 240px;
	background: var(--mb-bg-white, #fff);
	border: 1px solid var(--mb-border);
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
	padding: 8px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: all 0.2s ease;
	z-index: 200;
	flex-direction: column;
	gap: 2px;
}

.mb-nav__item--dropdown:hover > .mb-nav__dropdown,
.mb-nav__item--dropdown.is-open > .mb-nav__dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mb-nav__dropdown a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px !important;
	border-radius: 8px;
	font-size: 13px !important;
	white-space: nowrap;
}

.mb-nav__dropdown a:hover {
	background: rgba(13, 148, 136, 0.08);
}

.mb-nav__item.is-active > a,
.mb-nav__list > .mb-nav__item.is-active > a {
	color: var(--mb-primary);
	background: rgba(13, 148, 136, 0.08);
	font-weight: 600;
}

.mb-nav__icon {
	margin-right: 4px;
}

.mb-nav__caret {
	font-size: 10px;
	opacity: 0.6;
}

.mb-nav__all a {
	font-weight: 600;
	color: var(--mb-primary) !important;
	border-top: 1px solid var(--mb-border);
	margin-top: 4px;
	padding-top: 12px !important;
}

@media (max-width: 1024px) {
	.mb-nav__item--dropdown > .mb-nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		padding: 0 0 0 12px;
		display: none;
		background: transparent;
	}

	.mb-nav__item--dropdown.is-open > .mb-nav__dropdown {
		display: flex;
	}

	.mb-header.is-open .mb-nav__list {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.mb-header.is-open .mb-nav__list > .mb-nav__item > a {
		padding: 12px 16px;
		border-radius: 0;
	}
}