/**
 * Fin-Zvit — dark top surface (calculator detail pages, single blog posts).
 */

body.fz-dark-top-surface #masthead,
body.fz-dark-top-surface.ast-theme-transparent-header #masthead {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
}

body.fz-dark-top-surface #masthead .main-header-bar,
body.fz-dark-top-surface #masthead .ast-primary-header-bar,
body.fz-dark-top-surface.ast-theme-transparent-header #masthead .main-header-bar,
body.fz-dark-top-surface.ast-theme-transparent-header #masthead .ast-primary-header-bar {
	background: transparent !important;
}

body.fz-dark-top-surface .site-content {
	padding-top: 0;
	background: #f4f7fb;
}

body.fz-dark-top-surface #primary {
	margin-top: 0;
}

body.fz-dark-top-surface #masthead .main-header-menu > .menu-item > .menu-link,
body.fz-dark-top-surface #masthead .ast-builder-menu .menu-item > .menu-link,
body.fz-dark-top-surface .ast-primary-header-bar .menu-item > .menu-link,
body.fz-dark-top-surface .ast-primary-header-bar .menu-item > a {
	color: rgba(231, 238, 245, 0.86);
}

body.fz-dark-top-surface #masthead .main-header-menu > .menu-item:hover > .menu-link,
body.fz-dark-top-surface #masthead .ast-builder-menu .menu-item:hover > .menu-link,
body.fz-dark-top-surface .ast-primary-header-bar .menu-item:hover > .menu-link,
body.fz-dark-top-surface .ast-primary-header-bar .menu-item:hover > a,
body.fz-dark-top-surface .ast-primary-header-bar .menu-item.focus > .menu-link,
body.fz-dark-top-surface .ast-primary-header-bar .menu-item.focus > a,
body.fz-dark-top-surface .ast-primary-header-bar .current-menu-item > .menu-link,
body.fz-dark-top-surface .ast-primary-header-bar .current-menu-item > a,
body.fz-dark-top-surface .ast-primary-header-bar .current-menu-ancestor > .menu-link,
body.fz-dark-top-surface .ast-primary-header-bar .current-menu-ancestor > a {
	color: #fff;
}

body.fz-dark-top-surface .ast-primary-header-bar .ast-menu-toggle,
body.fz-dark-top-surface .ast-primary-header-bar .ast-header-navigation-arrow {
	color: rgba(231, 238, 245, 0.86);
}

@media (max-width: 921px) {
	/* Full-width dark header bar — avoid half-transparent / half-white strip */
	body.fz-dark-top-surface.ast-header-break-point #masthead .main-header-bar,
	body.fz-dark-top-surface.ast-header-break-point #masthead .ast-primary-header-bar,
	body.fz-dark-top-surface.ast-header-break-point #masthead .ast-mobile-header-wrap,
	body.fz-dark-top-surface.ast-header-break-point #masthead .ast-mobile-header-wrap .main-header-bar,
	body.fz-dark-top-surface.ast-header-break-point #masthead .ast-builder-menu-mobile,
	body.fz-dark-top-surface .ast-mobile-popup-drawer,
	body.fz-dark-top-surface .ast-mobile-popup-inner,
	body.fz-dark-top-surface .main-header-bar-navigation,
	body.fz-dark-top-surface .ast-header-break-point .main-navigation,
	body.fz-dark-top-surface .ast-header-break-point .ast-main-header-bar-alignment {
		background: #0b1724 !important;
		background-color: #0b1724 !important;
	}

	body.fz-dark-top-surface.ast-header-break-point #masthead .main-header-bar,
	body.fz-dark-top-surface.ast-header-break-point #masthead .ast-primary-header-bar {
		width: 100%;
		max-width: 100%;
	}

	body.fz-dark-top-surface #masthead .main-header-menu,
	body.fz-dark-top-surface #masthead .main-header-menu .sub-menu,
	body.fz-dark-top-surface .ast-builder-menu .main-header-menu,
	body.fz-dark-top-surface .ast-builder-menu .main-header-menu .sub-menu,
	body.fz-dark-top-surface .ast-mobile-popup-content,
	body.fz-dark-top-surface .ast-mobile-popup-drawer .ast-mobile-popup-header {
		background: #0b1724 !important;
		background-color: #0b1724 !important;
	}

	body.fz-dark-top-surface #masthead .main-header-menu > .menu-item > .menu-link,
	body.fz-dark-top-surface #masthead .main-header-menu > .menu-item > .ast-menu-toggle,
	body.fz-dark-top-surface #masthead .main-header-menu .menu-item > .menu-link,
	body.fz-dark-top-surface #masthead .ast-builder-menu .menu-item > .menu-link,
	body.fz-dark-top-surface .ast-mobile-popup-drawer .menu-item > .menu-link,
	body.fz-dark-top-surface .ast-mobile-popup-drawer .menu-item > a {
		color: rgba(231, 238, 245, 0.92) !important;
	}

	body.fz-dark-top-surface #masthead .main-header-menu > .menu-item:hover > .menu-link,
	body.fz-dark-top-surface #masthead .main-header-menu > .menu-item:hover > .ast-menu-toggle,
	body.fz-dark-top-surface #masthead .main-header-menu > .menu-item.current-menu-item > .menu-link,
	body.fz-dark-top-surface #masthead .main-header-menu > .menu-item.current-menu-item > .ast-menu-toggle,
	body.fz-dark-top-surface #masthead .main-header-menu .menu-item:hover > .menu-link,
	body.fz-dark-top-surface #masthead .main-header-menu .current-menu-item > .menu-link,
	body.fz-dark-top-surface .ast-mobile-popup-drawer .menu-item:hover > .menu-link,
	body.fz-dark-top-surface .ast-mobile-popup-drawer .current-menu-item > .menu-link {
		color: #fff !important;
	}

	body.fz-dark-top-surface.ast-header-break-point #masthead .site-branding,
	body.fz-dark-top-surface.ast-header-break-point #masthead .ast-site-title-wrap {
		padding-left: 4px;
	}
}

/* Calculator detail hero band */
body.fz-dark-top-surface .fz-calc-wrap {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0 0 48px;
}

body.fz-dark-top-surface .fz-calc-wrap > :not(.fz-calc-hero) {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

.fz-calc-hero {
	position: relative;
	isolation: isolate;
	padding: 120px 24px 40px;
	color: #fff;
	box-sizing: border-box;
}

.fz-calc-hero::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	background:
		radial-gradient(ellipse 70% 80% at 85% 15%, rgba(249, 115, 22, 0.12) 0%, transparent 55%),
		linear-gradient(135deg, #07111d 0%, #0b1724 50%, #122235 100%);
}

.fz-calc-hero .fz-calc-breadcrumb {
	max-width: 920px;
	margin: 0 auto 20px;
	color: rgba(231, 238, 245, 0.72);
}

.fz-calc-hero .fz-calc-breadcrumb a {
	color: #fb923c;
}

.fz-calc-hero .fz-calc-breadcrumb a:hover {
	color: #fdba74;
}

.fz-calc-hero .fz-calc-header {
	max-width: 920px;
	margin: 0 auto;
}

.fz-calc-hero .fz-calc-kicker {
	color: #fb923c;
}

.fz-calc-hero .fz-calc-title,
.fz-calc-hero .fz-calc-hub-title {
	color: #f7f8f8;
}

.fz-calc-hero .fz-calc-lead,
.fz-calc-hero .fz-calc-hub-lead {
	color: rgba(231, 238, 245, 0.85);
}

body.fz-dark-top-surface .site-main > article {
	padding-top: 0 !important;
}

/* Single blog post */
body.fz-dark-top-surface.single-post .ast-single-entry-banner {
	display: none !important;
}

body.fz-dark-top-surface.single-post .entry-header {
	position: relative;
	isolation: isolate;
	padding: 120px 24px 36px;
	box-sizing: border-box;
}

body.fz-dark-top-surface.single-post .entry-header::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	background:
		radial-gradient(ellipse 70% 80% at 85% 15%, rgba(249, 115, 22, 0.12) 0%, transparent 55%),
		linear-gradient(135deg, #07111d 0%, #0b1724 50%, #122235 100%);
}

body.fz-dark-top-surface.single-post .entry-title {
	color: #f7f8f8;
}

body.fz-dark-top-surface.single-post .entry-meta,
body.fz-dark-top-surface.single-post .entry-meta a {
	color: rgba(231, 238, 245, 0.75);
}

body.fz-dark-top-surface.single-post .entry-meta a:hover {
	color: #fff;
}

body.fz-dark-top-surface.single-post .site-main > article {
	background: transparent;
}

@media (max-width: 767px) {
	.fz-calc-hero {
		padding: 100px 16px 32px;
	}

	body.fz-dark-top-surface .fz-calc-wrap > :not(.fz-calc-hero) {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.fz-dark-top-surface.single-post .entry-header {
		padding: 100px 16px 28px;
	}
}