/* Negin Polymer header shell. */

:root {
	--np-global-font: "PeydaWeb", Tahoma, Arial, sans-serif;
	--np-header-ink: #071d2f;
	--np-header-blue: #0b6ea8;
	--np-header-cyan: #5bc6f2;
	--np-header-green: #10b46f;
	--np-header-line: #d9e8f2;
}

.np-header-stack,
.np-header-stack *,
#masthead,
#masthead * {
	box-sizing: border-box;
}

.np-header-stack {
	position: sticky;
	top: 0;
	z-index: 9990;
	direction: rtl;
	background: #ffffff;
	box-shadow: 0 18px 38px rgba(7, 29, 47, 0.08);
}

.admin-bar .np-header-stack {
	top: 32px;
}

.np-header-utility {
	color: rgba(255, 255, 255, 0.82);
	background:
		linear-gradient(90deg, rgba(91, 198, 242, 0.12) 1px, transparent 1px),
		linear-gradient(0deg, rgba(91, 198, 242, 0.08) 1px, transparent 1px),
		#041524;
	background-size: 28px 28px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	font-family: var(--np-global-font);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.7;
}

.np-header-utility__inner {
	width: min(1180px, calc(100% - 40px));
	min-height: 28px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
}

.np-header-utility__note,
.np-header-utility__links {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.np-header-utility__note::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--np-header-green);
	box-shadow: 0 0 0 4px rgba(16, 180, 111, 0.18);
	flex: 0 0 auto;
}

.np-header-utility a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 26px;
	color: #ffffff;
	text-decoration: none !important;
	white-space: nowrap;
}

.np-header-utility a:hover,
.np-header-utility a:focus {
	color: var(--np-header-cyan);
}

.np-header-utility__pill {
	padding: 2px 9px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
}

#masthead {
	background: #ffffff;
	border-bottom: 1px solid var(--np-header-line);
	font-family: var(--np-global-font);
}

#masthead .ast-primary-header-bar {
	min-height: 58px !important;
	background:
		linear-gradient(90deg, rgba(11, 110, 168, 0.045) 1px, transparent 1px),
		linear-gradient(0deg, rgba(11, 110, 168, 0.035) 1px, transparent 1px),
		#ffffff;
	background-size: 30px 30px;
	border: 0;
}

#masthead .site-primary-header-wrap,
#masthead #ast-mobile-header .ast-primary-header-bar {
	padding-inline: 20px;
}

#masthead .site-primary-header-wrap {
	min-height: 58px !important;
}

#masthead .ast-builder-grid-row {
	min-height: 58px !important;
	align-items: center;
	gap: 14px;
}

#masthead .site-logo-img,
#masthead .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

#masthead .site-branding,
#masthead .ast-site-identity {
	padding: 0 !important;
}

#masthead .custom-logo {
	width: 128px;
	max-width: 128px;
	height: auto;
	max-height: 50px;
	object-fit: contain;
	filter: drop-shadow(0 8px 14px rgba(11, 110, 168, 0.12));
}

#masthead .site-header-primary-section-right {
	gap: 12px;
}

#masthead .ast-builder-menu,
#masthead .ast-main-header-bar-alignment,
#masthead .main-header-bar-navigation,
#masthead .main-navigation {
	min-width: 0;
}

#masthead .main-header-menu {
	gap: 4px;
	align-items: center;
}

#masthead .main-header-menu > .menu-item > .menu-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 10px;
	border-radius: 999px;
	color: var(--np-header-ink);
	font-family: var(--np-global-font) !important;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0;
	text-decoration: none !important;
	transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

#masthead .main-header-menu > .menu-item:hover > .menu-link,
#masthead .main-header-menu > .menu-item:focus-within > .menu-link {
	color: var(--np-header-blue);
	background: #eef8fd;
	box-shadow: inset 0 0 0 1px #cfe6f4;
	transform: translateY(-1px);
}

#masthead .main-header-menu > .current-menu-item > .menu-link,
#masthead .main-header-menu > .current_page_item > .menu-link,
#masthead .main-header-menu > .current-menu-ancestor > .menu-link {
	color: #ffffff;
	background: linear-gradient(135deg, var(--np-header-blue), #095783);
	box-shadow: 0 10px 24px rgba(11, 110, 168, 0.22);
}

#masthead .dropdown-menu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-inline-start: 2px;
	color: currentColor;
}

#masthead .ast-arrow-svg {
	width: 9px;
	height: 9px;
	fill: currentColor;
	transform: translateY(1px);
}

#masthead .sub-menu {
	min-width: 245px;
	padding: 10px;
	border: 1px solid var(--np-header-line);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 22px 54px rgba(7, 29, 47, 0.16);
}

#masthead .sub-menu .menu-link {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 8px 11px;
	border-radius: 6px;
	color: #1d3a50;
	font-family: var(--np-global-font) !important;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.8;
	text-decoration: none !important;
}

#masthead .sub-menu .menu-link:hover,
#masthead .sub-menu .menu-link:focus {
	color: var(--np-header-blue);
	background: #eef8fd;
}

#masthead .sub-menu .ast-icon {
	color: var(--np-header-green);
	transform: rotate(90deg);
}

#masthead .ast-header-search .astra-search-icon,
#masthead .ast-header-search .ast-search-icon,
#masthead .ast-header-search .slide-search {
	display: inline-grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border: 1px solid #cfe6f4;
	border-radius: 50%;
	color: var(--np-header-blue);
	background: #f4fbff;
	text-decoration: none !important;
	transition: background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

#masthead .ast-header-search .astra-search-icon:hover,
#masthead .ast-header-search .astra-search-icon:focus,
#masthead .ast-header-search .slide-search:hover,
#masthead .ast-header-search .slide-search:focus {
	color: #ffffff;
	background: var(--np-header-blue);
	box-shadow: 0 10px 22px rgba(11, 110, 168, 0.22);
}

#masthead .ast-header-search svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

#masthead .search-form .search-field {
	min-height: 42px;
	border-radius: 999px;
	border: 1px solid var(--np-header-line);
	font-family: var(--np-global-font) !important;
}

@media (max-width: 1100px) {
	#masthead .custom-logo {
		width: 118px;
		max-width: 118px;
	}

	#masthead .main-header-menu > .menu-item > .menu-link {
		padding-inline: 9px;
		font-size: 13px;
	}
}

@media (max-width: 921px) {
	.admin-bar .np-header-stack {
		top: 46px;
	}

	.np-header-utility {
		display: none;
	}

	#masthead .ast-primary-header-bar {
		min-height: 56px !important;
		background:
			linear-gradient(90deg, rgba(91, 198, 242, 0.08) 1px, transparent 1px),
			linear-gradient(0deg, rgba(91, 198, 242, 0.05) 1px, transparent 1px),
			#ffffff;
		background-size: 28px 28px;
	}

	#masthead #ast-mobile-header .ast-primary-header-bar {
		padding-inline: 14px;
	}

	#masthead #ast-mobile-header .site-primary-header-wrap {
		min-height: 56px !important;
	}

	#masthead #ast-mobile-header .ast-builder-grid-row {
		min-height: 56px !important;
	}

	#masthead .custom-logo {
		width: 108px;
		max-width: 108px;
		max-height: 42px;
	}

	#masthead .menu-toggle.main-header-menu-toggle {
		display: inline-grid;
		place-items: center;
		width: 40px;
		height: 40px;
		border: 0;
		border-radius: 12px;
		color: #ffffff;
		background: linear-gradient(135deg, #061a2d, #0b3b60);
		box-shadow: 0 12px 24px rgba(7, 29, 47, 0.2);
	}

	#masthead .menu-toggle.main-header-menu-toggle svg {
		width: 23px;
		height: 23px;
		fill: currentColor;
	}

	#masthead .ast-mobile-header-content {
		padding: 12px 14px 16px;
		background:
			linear-gradient(90deg, rgba(91, 198, 242, 0.08) 1px, transparent 1px),
			linear-gradient(0deg, rgba(91, 198, 242, 0.05) 1px, transparent 1px),
			#061a2d;
		background-size: 28px 28px;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		box-shadow: 0 22px 42px rgba(7, 29, 47, 0.22);
		max-height: calc(100vh - 56px);
		overflow: auto;
	}

	#masthead #ast-mobile-site-navigation .main-header-menu {
		display: grid;
		gap: 7px;
		background: transparent;
	}

	#masthead #ast-mobile-site-navigation .menu-item {
		border: 0;
	}

	#masthead #ast-mobile-site-navigation .menu-link {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 46px;
		padding: 11px 13px;
		border-radius: 8px;
		color: rgba(255, 255, 255, 0.88);
		background: rgba(255, 255, 255, 0.06);
		font-family: var(--np-global-font) !important;
		font-size: 14px;
		font-weight: 900;
		text-decoration: none !important;
	}

	#masthead #ast-mobile-site-navigation .menu-link .dropdown-menu-toggle {
		display: none !important;
	}

	#masthead #ast-mobile-site-navigation .current-menu-item > .menu-link,
	#masthead #ast-mobile-site-navigation .current_page_item > .menu-link,
	#masthead #ast-mobile-site-navigation .menu-link:hover,
	#masthead #ast-mobile-site-navigation .menu-link:focus {
		color: #ffffff;
		background: rgba(91, 198, 242, 0.16);
	}

	#masthead #ast-mobile-site-navigation .ast-menu-toggle {
		left: 6px;
		right: auto;
		top: 6px;
		width: 34px;
		height: 34px;
		border-radius: 8px;
		color: #ffffff;
		background: rgba(255, 255, 255, 0.1);
	}

	#masthead #ast-mobile-site-navigation .sub-menu {
		margin: 7px 0 4px;
		padding: 8px;
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.055);
		box-shadow: none;
	}

	#masthead #ast-mobile-site-navigation .sub-menu .menu-link {
		min-height: 40px;
		color: rgba(255, 255, 255, 0.75);
		background: transparent;
		font-size: 13px;
		font-weight: 800;
	}
}

@media (max-width: 544px) {
	.admin-bar .np-header-stack {
		top: 0;
	}

	#masthead .custom-logo {
		width: 104px;
		max-width: 104px;
	}
}