/**
 * GRZ customer atmosphere v1.7.5
 * Shared premium canvas for authenticated account and region preferences.
 */

:where(body.grz-acct-page-auth, body.grz-region-preferences-page) {
	--grz-customer-max: var(--grz-shell-max, 1440px);
	--grz-customer-header-height: 76px;
	--grz-customer-canvas: #f2f6fc;
	--grz-customer-pearl: rgba(252, 253, 255, .97);
	--grz-customer-line: rgba(14, 32, 58, .13);
	--grz-customer-shadow: 0 16px 44px rgba(7, 25, 52, .11), 0 34px 80px rgba(7, 25, 52, .045);
	background: var(--grz-customer-canvas);
	overflow-x: clip;
}

:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-top-strip { display: block; }
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-utility { display: none; }
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) :where(.grz-header, .grz-header__shell, .grz-main-header) {
	border: 0;
	background: transparent;
	box-shadow: none;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header {
	position: relative;
	isolation: isolate;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header::before {
	display: none;
	content: none;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header::after {
	position: absolute;
	inset-inline: max(var(--grz-gutter, 24px), calc((100% - var(--grz-customer-max)) / 2));
	bottom: 0;
	height: 1px;
	background: rgba(255, 255, 255, .2);
	content: "";
	pointer-events: none;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header__inner {
	width: min(calc(100% - 48px), var(--grz-customer-max));
	min-height: var(--grz-customer-header-height);
	padding-inline: 0;
}

:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li > a,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li > a:hover,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li.current-menu-item > a,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li.current-menu-ancestor > a,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu .grz-menu-icon,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-mobile-menu-button {
	color: rgba(255, 255, 255, .97);
	text-shadow: 0 1px 16px rgba(2, 8, 20, .68);
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li > a:hover,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li > a:focus-visible,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li.current-menu-item > a,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-menu > li.current-menu-ancestor > a {
	background: rgba(255, 255, 255, .11);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-brand {
	color: #fff;
	filter: drop-shadow(0 2px 12px rgba(2, 8, 20, .5));
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-brand__image { filter: brightness(0) invert(1); }
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) :where(.grz-brand__main, .grz-brand__sub) {
	background: none;
	color: #fff;
	-webkit-text-fill-color: currentColor;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-product-search input {
	border-color: rgba(255, 255, 255, .34);
	background: rgba(7, 22, 45, .42);
	box-shadow: inset 0 0 0 1px rgba(4, 12, 25, .13);
	color: #fff;
	backdrop-filter: blur(12px);
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-product-search input::placeholder { color: rgba(255, 255, 255, .74); }
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-product-search:focus-within input {
	border-color: rgba(255, 255, 255, .7);
	box-shadow: 0 0 0 3px rgba(255, 255, 255, .11), inset 0 0 0 1px rgba(4, 12, 25, .14);
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) :where(.grz-product-search button, .grz-header-actions .grz-icon-button, .grz-header-actions .grz-icon-button.is-authenticated) {
	border-color: transparent;
	background: transparent;
	color: #fff;
	filter: drop-shadow(0 1px 9px rgba(2, 8, 20, .48));
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) :where(.grz-product-search button, .grz-header-actions .grz-icon-button):hover,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-header-actions .grz-icon-button:focus-visible {
	border-color: rgba(255, 255, 255, .32);
	background: rgba(255, 255, 255, .11);
	color: #fff;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-header-actions a { color: #fff; }

/* One continuous compositor sits behind the header and content. Its long mask
 * removes both the old header seam and the hard lower colour cut. */
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	min-height: 720px;
	margin-top: calc(-1 * var(--grz-customer-header-height));
	padding-top: var(--grz-customer-header-height);
	background: var(--grz-customer-canvas);
	overflow: clip;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content::before,
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content::after {
	position: absolute;
	z-index: 0;
	top: -100px;
	inset-inline: -100px;
	height: 1160px;
	content: "";
	pointer-events: none;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0,0,0,.94) 50%, rgba(0,0,0,.68) 67%, rgba(0,0,0,.35) 82%, rgba(0,0,0,.1) 94%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, #000 36%, rgba(0,0,0,.94) 50%, rgba(0,0,0,.68) 67%, rgba(0,0,0,.35) 82%, rgba(0,0,0,.1) 94%, transparent 100%);
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content::before {
	background:
		radial-gradient(ellipse 72% 66% at 3% 3%, rgba(23, 123, 245, .86), transparent 69%),
		radial-gradient(ellipse 38% 46% at 21% 12%, rgba(222, 170, 82, .38), transparent 72%),
		linear-gradient(100deg, #173859 0%, #112844 42%, #08182e 100%);
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content::after {
	background-image:
		radial-gradient(ellipse 72% 55% at 96% 7%, rgba(7, 20, 40, .9), transparent 75%),
		linear-gradient(180deg, rgba(5, 15, 33, .06) 0%, rgba(7, 22, 44, .2) 47%, rgba(242, 246, 252, .62) 75%, var(--grz-customer-canvas) 100%),
		url("../images/product-atmosphere-smoke-v1.png");
	background-position: center, center, center top;
	background-repeat: no-repeat;
	background-size: auto, auto, cover;
	background-blend-mode: normal, normal, soft-light;
	opacity: .98;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content > * {
	position: relative;
	z-index: 1;
}
:where(body.grz-acct-page-auth, body.grz-region-preferences-page) :where(.grz-entry, .grz-entry__body, .grz-entry__content, .woocommerce) { background: transparent; }

@media (max-width: 900px) {
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-primary-nav,
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-product-search { display: none; }
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header__inner { justify-content: space-between; }
}

@media (max-width: 620px) {
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) {
		--grz-customer-header-height: 62px;
	}
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header__inner {
		width: min(calc(100% - 28px), var(--grz-customer-max));
		min-height: 62px;
	}
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header::after { inset-inline: 14px; }
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content::before,
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-site-content::after {
		inset-inline: -54px;
		height: 1040px;
	}
}

@media (prefers-contrast: more) {
	:where(body.grz-acct-page-auth, body.grz-region-preferences-page) .grz-main-header { background: #0a1c35; }
}

/* Header components in the base theme use compound selectors. Keep this final
 * production-strength block explicit so the customer pages cannot fall back
 * to a detached white navigation row. */
body.grz-acct-page-auth :where(.grz-header, .grz-header__shell, .grz-main-header),
body.grz-region-preferences-page :where(.grz-header, .grz-header__shell, .grz-main-header) {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.grz-acct-page-auth .grz-header,
body.grz-region-preferences-page .grz-header {
	position: relative;
	z-index: 40;
}
body.grz-acct-page-auth .grz-brand,
body.grz-region-preferences-page .grz-brand,
body.grz-acct-page-auth .grz-header-actions a,
body.grz-region-preferences-page .grz-header-actions a {
	color: #fff !important;
}
body.grz-acct-page-auth .grz-brand__image,
body.grz-region-preferences-page .grz-brand__image {
	filter: brightness(0) invert(1) drop-shadow(0 2px 12px rgba(2,8,20,.5)) !important;
}