/**
 * Axon site chrome.
 *
 * Keeps the parent theme's header, menus, footer widgets, promotion slider and
 * mobile navigation functional while bringing their presentation in line with
 * the custom homepage. Loaded after the shared responsive/CRO layers.
 */

body.axon-design-system:not(.axon-home) .pls-promo-bar {
	min-height: 36px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: #18232c !important;
	color: #8fa6b4 !important;
}

body.axon-design-system:not(.axon-home) .pls-promo-bar > .container,
body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-wrapper {
	min-height: 36px;
}

body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 44px;
	padding-left: 44px;
}

body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar,
body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-slider,
body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-slider > div {
	color: #8fa6b4 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-close {
	position: absolute;
	top: 50%;
	right: 0;
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	transform: translateY(-50%);
}

body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-close::before,
body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-close::after {
	border-color: #8fa6b4 !important;
	color: #8fa6b4 !important;
}

body.axon-design-system:not(.axon-home) .pls-site-header,
body.axon-design-system:not(.axon-home) .pls-site-header .pls-header-main {
	background: rgba(8, 27, 37, 0.98) !important;
}

body.axon-design-system:not(.axon-home) .pls-site-header {
	border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.axon-design-system:not(.axon-home) .pls-site-header :where(a, button) {
	-webkit-tap-highlight-color: transparent;
}

body.axon-design-system:not(.axon-home) .pls-site-header :where(.pls-header-mini-search, .pls-header-myaccount, .pls-header-wishlist, .pls-header-cart) > a {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
}

body.axon-design-system:not(.axon-home) .pls-site-header .pls-navigation > ul > li > a {
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
}

body.axon-design-system:not(.axon-home) .pls-site-header .sub-menu a {
	min-height: 44px;
	padding-top: 11px;
	padding-bottom: 11px;
}

body.axon-design-system:not(.axon-home) .pls-mobile-menu :where(a, button),
body.axon-design-system:not(.axon-home) .pls-mobile-menu-wrap :where(a, button) {
	-webkit-tap-highlight-color: transparent;
}

body.axon-design-system:not(.axon-home) .pls-mobile-menu-wrap .pls-close-btn {
	display: inline-grid;
	width: 44px;
	height: 44px;
	place-items: center;
}

/* Keep the drawer's account shortcuts on the dark Axon palette. The parent
 * theme supplies a light gray fill that leaves the existing light labels with
 * almost no contrast. */
body.axon-design-system:not(.axon-home) .pls-mobile-menu-account-btn :where(.pls-myaccount-menu, .pls-wishlist-menu) {
	border: 1px solid rgba(142, 220, 247, .48) !important;
	background: rgba(95, 199, 240, .08) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
	color: var(--axon-cyan-soft) !important;
	-webkit-text-fill-color: var(--axon-cyan-soft) !important;
}

body.axon-design-system:not(.axon-home) .pls-mobile-menu-account-btn :where(.pls-myaccount-menu, .pls-wishlist-menu):is(:hover, :focus-visible) {
	border-color: rgba(142, 220, 247, .82) !important;
	background: rgba(95, 199, 240, .16) !important;
	box-shadow: 0 0 0 3px rgba(95, 199, 240, .12) !important;
	color: #eaf4fa !important;
	-webkit-text-fill-color: #eaf4fa !important;
}

body.axon-design-system:not(.axon-home) .pls-site-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: #0e161d !important;
	color: #8fa6b4 !important;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-main {
	border: 0 !important;
	background: #0e161d !important;
	color: #8fa6b4 !important;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-main > .container {
	max-width: 1240px;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .widget-title {
	margin-bottom: 18px;
	color: #6e8794 !important;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	line-height: 1.4;
	text-transform: uppercase;
}

body.axon-design-system:not(.axon-home) .pls-site-footer :where(p, li, .textwidget, .contact-info) {
	color: #8fa6b4;
	font-size: 14.5px;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-main a {
	color: #b9d0dc !important;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-main a:hover,
body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-main a:focus-visible {
	color: #5fc7f0 !important;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: #0e161d !important;
	color: #8fa6b4 !important;
	font-size: 12.5px;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright :where(p, span) {
	color: #8fa6b4 !important;
	font-size: 12.5px;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright a {
	color: #b9d0dc !important;
}

body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright img {
	width: auto;
	max-width: 138px;
	height: 28px;
	object-fit: contain;
}

@media (min-width: 992px) {
	body.axon-design-system:not(.axon-home) .pls-site-header .pls-header-logo img {
		width: 128px;
		max-width: 128px;
		height: 44px;
		max-height: 44px;
		object-fit: contain;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-main {
		padding-top: 64px;
		padding-bottom: 64px;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright {
		padding-top: 22px;
		padding-bottom: 22px;
	}
}

@media (max-width: 991px) {
	body.axon-design-system:not(.axon-home) .pls-site-header .pls-header-main > .container {
		width: 100%;
		max-width: none;
		padding-right: 14px;
		padding-left: 14px;
	}

	body.axon-design-system:not(.axon-home) .pls-site-header .pls-header-main > .container > .row {
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile {
		width: 100%;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile > .pls-header-col {
		padding-right: 0;
		padding-left: 0;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile > .pls-header-col-left {
		justify-content: flex-start;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile > .pls-header-col-right {
		justify-content: flex-end;
		gap: 0;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile .pls-mobile-menu-toggle,
	body.axon-design-system:not(.axon-home) .pls-header-mobile .pls-header-mini-search > a.search-icon-text,
	body.axon-design-system:not(.axon-home) .pls-header-mobile .pls-header-cart > a {
		display: inline-flex;
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile .pls-mobile-menu-toggle {
		overflow: hidden;
		font-size: 0;
		line-height: 1;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile .pls-mobile-menu-toggle::before {
		background: transparent !important;
		color: #eaf4fa !important;
		font-size: 22px;
		-webkit-text-fill-color: #eaf4fa !important;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile .pls-mobile-menu-toggle::after {
		background: transparent !important;
	}

	body.axon-design-system:not(.axon-home) .pls-header-mobile :where(.header-search-icon, .pls-header-cart-icon) {
		color: #eaf4fa !important;
		-webkit-text-fill-color: #eaf4fa !important;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer {
		width: 100%;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer :where(.pls-footer-main, .pls-footer-copyright) {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer :where(.pls-footer-main, .pls-footer-copyright) > .container {
		width: 100%;
		max-width: none;
		padding-right: 18px;
		padding-left: 18px;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer :where(.pls-footer-main, .pls-footer-copyright) .row {
		width: auto;
		margin-right: -9px;
		margin-left: -9px;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .footer-widget {
		padding-right: 9px;
		padding-left: 9px;
		border-bottom-color: rgba(255, 255, 255, 0.1) !important;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .footer-widget > .widget {
		margin-bottom: 0;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .footer-widget-collapse .widget-title {
		display: flex;
		min-height: 64px;
		align-items: center;
		justify-content: space-between;
		margin: 0;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .footer-widget-collapse .widget-title::after {
		color: #b9d0dc !important;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright {
		padding-top: 20px;
		padding-bottom: calc(20px + env(safe-area-inset-bottom));
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright .row > div {
		padding-right: 9px;
		padding-left: 9px;
		text-align: left !important;
	}

	body.axon-design-system:not(.axon-home) .pls-site-footer .pls-footer-copyright .row > div + div {
		margin-top: 14px;
	}
}

@media (max-width: 767px) {
	body.axon-design-system:not(.axon-home) .pls-promo-bar,
	body.axon-design-system:not(.axon-home) .pls-promo-bar > .container,
	body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-wrapper {
		min-height: 44px;
	}

	body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-wrapper {
		padding-right: 44px;
		padding-left: 44px;
	}

	body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar,
	body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-slider,
	body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-slider > div {
		font-size: 10.5px !important;
		letter-spacing: 0.055em;
	}

	body.axon-design-system:not(.axon-home) .pls-promo-bar .promo-bar-close {
		right: 4px !important;
		width: 44px;
		height: 44px;
	}
}