/* amw:mobile-nav-offcanvas — offcanvas v4 design (hybrid iteration) */
@media (max-width: 991px) {
	html.amw-nav-open,
	body.amw-nav-open {
		overflow: hidden;
	}

	body.amw-nav-open::before {
		content: "";
		position: fixed;
		top: var(--amw-drawer-top, 0);
		left: 0;
		right: 0;
		height: var(--amw-drawer-height, 100svh);
		min-height: 100svh;
		min-height: 100dvh;
		background: color-mix(in srgb, var(--black) 40%, transparent);
		z-index: 999;
		pointer-events: none;
	}

	body.amw-nav-open .header,
	body.amw-nav-open .site-nav,
	body.amw-nav-open .site-nav__wrap {
		overflow: visible !important;
	}

	.site-nav .nav-collapse {
		--nav-drawer-pad: var(--space-s);
		--nav-drawer-chevron: 48px;
		position: fixed !important;
		top: var(--amw-drawer-top, 0) !important;
		left: 0 !important;
		width: min(85vw, 20rem) !important;
		max-width: min(85vw, 20rem) !important;
		height: var(--amw-drawer-height, 100svh) !important;
		min-height: 100svh;
		min-height: 100dvh;
		max-height: var(--amw-drawer-height, 100dvh) !important;
		transform: translateX(-100%);
		transition: transform 0.25s ease;
		z-index: 1000;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
		box-sizing: border-box;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		margin: 0 !important;
		padding: 0 0 var(--space-l) !important;
		background-color: var(--primary);
		pointer-events: none;
		visibility: hidden;
		border-top: none !important;
	}

	.site-nav .nav-collapse.show {
		transform: translateX(0);
		pointer-events: auto;
		visibility: visible;
	}

	.site-nav .nav-collapse .nav-drawer__head {
		position: sticky;
		top: 0;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--space-xs);
		flex-shrink: 0;
		padding: var(--space-s) 0 var(--space-s) var(--space-s);
		border-bottom: 1px solid color-mix(in srgb, var(--white) 12%, transparent);
		background-color: var(--primary);
	}

	.site-nav .nav-collapse .nav-drawer__brand {
		display: flex;
		align-items: center;
		min-width: 0;
		flex: 1 1 auto;
		text-decoration: none;
		line-height: 0;
	}

	.site-nav .nav-collapse .nav-drawer__brand:focus-visible {
		outline: 2px solid var(--secondary);
		outline-offset: 2px;
		border-radius: var(--radius);
	}

	.site-nav .nav-collapse .nav-drawer__brand img {
		display: block;
		width: auto;
		height: 54px;
		max-height: 54px;
		max-width: min(200px, 72%);
		object-fit: contain;
		object-position: left center;
	}

	.site-nav .nav-collapse .nav-drawer__close {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 48px;
		min-width: 48px;
		height: 48px;
		min-height: 48px;
		margin: 0;
		padding: 0;
		border: none;
		border-radius: var(--radius);
		background: transparent;
		color: var(--secondary);
		cursor: pointer;
	}

	.site-nav .nav-collapse .nav-drawer__close:focus-visible {
		outline: 2px solid var(--secondary);
		outline-offset: 2px;
	}

	.site-nav .nav-collapse .nav-drawer__close-icon {
		position: relative;
		display: block;
		width: var(--space-l);
		height: var(--space-l);
	}

	.site-nav .nav-collapse .nav-drawer__close-icon::before,
	.site-nav .nav-collapse .nav-drawer__close-icon::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 1.5px;
		border-radius: 1px;
		background-color: currentColor;
	}

	.site-nav .nav-collapse .nav-drawer__close-icon::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.site-nav .nav-collapse .nav-drawer__close-icon::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.site-nav .nav-collapse .navbar-nav {
		width: 100%;
		margin: 0;
		padding: 0;
		padding-inline-end: var(--space-2xs);
	}

	.site-nav .nav-collapse .nav-item {
		border-bottom: 1px solid color-mix(in srgb, var(--white) 12%, transparent);
	}

	.site-nav .nav-collapse .nav-item:last-child {
		border-bottom: none;
	}

	.site-nav .nav-collapse .nav-link-wrap {
		display: flex;
		align-items: stretch;
		width: 100%;
		padding-inline: 0 !important;
		margin-inline: 0 !important;
	}

	.site-nav .nav-collapse .nav-link,
	.site-nav .nav-collapse .dropdown-menu.show .dropdown-item {
		margin-inline: 0 !important;
		padding-block: var(--space-s) !important;
		padding-inline: var(--nav-drawer-pad) !important;
		min-height: 48px;
		width: 100%;
		box-sizing: border-box;
	}

	.site-nav .nav-collapse .nav-link-wrap .nav-link {
		flex: 1 1 auto;
		width: auto;
	}

	.site-nav .nav-collapse .nav-indicator,
	.site-nav .nav-collapse .mega-toggle-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: var(--nav-drawer-chevron);
		min-width: var(--nav-drawer-chevron);
		height: auto;
		align-self: stretch;
		margin: 0 var(--space-2xs) 0 0 !important;
		padding: 0 !important;
		border: none;
		border-radius: var(--radius);
		background: transparent;
		color: color-mix(in srgb, var(--white) 72%, transparent);
	}

	.site-nav .nav-collapse .nav-indicator:active,
	.site-nav .nav-collapse .nav-indicator:focus-visible,
	.site-nav .nav-collapse .mega-toggle-btn:active,
	.site-nav .nav-collapse .mega-toggle-btn:focus-visible {
		color: var(--secondary) !important;
		background-color: color-mix(in srgb, var(--secondary) 14%, transparent) !important;
		outline: none !important;
		box-shadow: inset 0 0 0 2px var(--secondary);
	}

	.site-nav .nav-collapse .nav-indicator i,
	.site-nav .nav-collapse .mega-toggle-btn i {
		display: inline-block;
		font-size: var(--text-s);
		line-height: 1;
		transition: transform 0.2s ease;
	}

	.site-nav .nav-collapse .nav-item.dropdown:has(> .dropdown-mega.show, > .dropdown-menu.show) {
		background-color: color-mix(in srgb, var(--black) 14%, transparent);
	}

	.site-nav .nav-collapse .nav-item.dropdown:has(> .dropdown-mega.show, > .dropdown-menu.show) > .nav-link-wrap {
		margin-inline: 0 !important;
		border-radius: 0 !important;
		background-color: color-mix(in srgb, var(--white) 10%, transparent);
		box-shadow: inset 3px 0 0 var(--secondary);
		border-bottom: 1px solid color-mix(in srgb, var(--secondary) 32%, transparent);
	}

	.site-nav .nav-collapse .nav-item.dropdown:has(> .dropdown-mega.show, > .dropdown-menu.show) > .nav-link-wrap .nav-link {
		font-weight: 700;
		color: var(--white) !important;
	}

	.site-nav .nav-collapse .nav-item.dropdown:has(> .dropdown-mega.show, > .dropdown-menu.show) > .nav-link-wrap .nav-indicator[aria-expanded="true"] {
		color: var(--secondary);
	}

	.site-nav .nav-collapse .nav-item.dropdown:has(> .dropdown-mega.show, > .dropdown-menu.show) > .nav-link-wrap .nav-indicator[aria-expanded="true"] i {
		transform: rotate(180deg);
	}

	.site-nav .nav-collapse .nav-item.dropdown > .dropdown-mega.show,
	.site-nav .nav-collapse .nav-item.dropdown > .dropdown-menu.show {
		margin: 0 !important;
		padding: var(--space-2xs) 0 0 !important;
		border: none !important;
		border-radius: 0 !important;
		background-color: color-mix(in srgb, var(--black) 22%, transparent) !important;
		box-shadow: inset 0 1px 0 color-mix(in srgb, var(--white) 6%, transparent) !important;
	}

	.site-nav .nav-collapse .dropdown-mega {
		width: 100%;
		max-width: 100%;
	}

	.site-nav .nav-collapse .dropdown-mega.show {
		display: flex !important;
		flex-direction: column !important;
		gap: 0;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-sidebar {
		width: 100%;
		padding: 0;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-item-row {
		display: flex;
		align-items: stretch;
		width: 100%;
		margin-inline: 0 !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-item-row + .mobile-accordion-list {
		margin-inline: 0 !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-item {
		flex: 1 1 auto;
		margin-inline: 0 !important;
		padding-block: var(--space-s) !important;
		padding-inline: var(--nav-drawer-pad) !important;
		padding-inline-end: var(--space-xs) !important;
		min-height: 48px;
		box-sizing: border-box;
		font-weight: 600;
		font-size: var(--fs-s);
		color: color-mix(in srgb, var(--white) 90%, transparent) !important;
		background-color: transparent !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-item-row:has(+ .mobile-accordion-list.active) .mega-item {
		font-weight: 700;
		color: var(--white) !important;
		background-color: color-mix(in srgb, var(--white) 8%, transparent) !important;
		box-shadow: inset 3px 0 0 color-mix(in srgb, var(--secondary) 65%, transparent);
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-item-row:has(+ .mobile-accordion-list.active) .mega-toggle-btn {
		color: var(--secondary);
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-item-row:has(+ .mobile-accordion-list.active) .mega-toggle-btn i,
	.site-nav .nav-collapse .dropdown-mega.show .mega-toggle-btn.open i {
		transform: rotate(180deg);
	}

	.site-nav .nav-collapse .dropdown-menu.show:not(.dropdown-mega) {
		display: flex !important;
		flex-direction: column !important;
		gap: 0;
		list-style: none;
	}

	.site-nav .nav-collapse .dropdown-menu.show:not(.dropdown-mega) > li {
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none;
	}

	.site-nav .nav-collapse .dropdown-menu.show:not(.dropdown-mega) .dropdown-item {
		display: flex;
		align-items: center;
		font-weight: 600;
		font-size: var(--fs-s);
		color: color-mix(in srgb, var(--white) 90%, transparent) !important;
		padding-block: var(--space-s) !important;
		padding-inline: var(--nav-drawer-pad) !important;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-radius: 0;
		background-color: transparent !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mega-item i.fa-chevron-right {
		display: none !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mobile-accordion-list {
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mobile-accordion-list.active {
		background-color: transparent !important;
		border: none !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mobile-accordion-list > li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mobile-accordion-list .sub-item {
		display: flex;
		align-items: center;
		margin-inline: 0 !important;
		padding-block: var(--space-s) !important;
		padding-inline: var(--nav-drawer-pad) !important;
		min-height: 48px;
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: none !important;
		background-color: transparent !important;
		box-sizing: border-box;
		font-weight: 600;
		font-size: var(--fs-s);
		color: color-mix(in srgb, var(--white) 90%, transparent) !important;
	}

	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mega-item-row:not(:last-child) .mega-item,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list > li:not(:last-child) .sub-item,
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) > li:not(:last-child) .dropdown-item,
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) > .dropdown-item:not(:last-child) {
		border-bottom: 1px solid color-mix(in srgb, var(--white) 10%, transparent) !important;
	}
}

@media (min-width: 992px) {
	.site-nav .nav-collapse .nav-drawer__head {
		display: none !important;
	}
}

/* amw:header-hybrid-split-v1 — mobile layout helpers (Etch split) */
@media (max-width: 991px) {
	.site-nav .site-nav__wrap {
		flex-wrap: wrap;
		align-items: center;
	}

	.site-nav .nav-brand {
		min-width: 0;
	}

	.site-nav .nav-toggler {
		display: block !important;
	}

	.site-nav .navbar-nav {
		flex-direction: column;
		width: 100%;
		margin-bottom: 0;
	}

	.site-nav .nav-item {
		width: 100%;
	}

	.site-nav .nav-link {
		margin-inline: 0;
		width: 100%;
	}

	.site-nav .nav-link-wrap {
		display: flex;
		align-items: stretch;
	}

	.site-nav .nav-indicator,
	.site-nav .mega-toggle-btn {
		display: inline-flex;
	}

	.site-nav .mega-item-row {
		display: flex;
		align-items: stretch;
	}

	.site-nav .mobile-accordion-list.active {
		display: block;
	}

	.site-nav .mega-content {
		display: none !important;
	}
}

/* amw:mobile-nav-offcanvas-etch-supersede — beat legacy Etch mobile-submenu-panels-v2 in drawer */
@media (max-width: 991px) {
	.site-nav .nav-collapse .nav-item.dropdown:has(.dropdown-mega.show, .dropdown-menu.show) > .nav-link-wrap {
		margin-inline: 0 !important;
		border-radius: 0 !important;
		background-color: color-mix(in srgb, var(--white) 10%, transparent) !important;
	}

	.site-nav .nav-collapse .nav-item.dropdown > .dropdown-mega.show,
	.site-nav .nav-collapse .nav-item.dropdown > .dropdown-menu.show {
		margin: 0 !important;
		padding: var(--space-2xs) 0 0 !important;
		border: none !important;
		border-radius: 0 !important;
		background-color: color-mix(in srgb, var(--black) 22%, transparent) !important;
	}

	.site-nav .nav-collapse .dropdown-mega.show .mobile-accordion-list {
		margin-inline: 0 !important;
		padding-inline: 0 !important;
		background-color: transparent !important;
		border: none !important;
		border-radius: 0 !important;
	}
}

/* amw:mobile-nav-wpcode-mega-sidebar-v1 — beat legacy wpcode .mega-sidebar #fff on drawer */
@media (max-width: 991px) {
	.site-nav .nav-collapse .dropdown-mega.show .mega-sidebar {
		background-color: transparent !important;
		border-right: none !important;
	}
}

/* amw:mobile-nav-flow-fix-v1 — beat Etch/WPCode desktop position:absolute in drawer */
@media (max-width: 991px) {
	.site-nav .nav-collapse .nav-item {
		position: static !important;
	}

	.site-nav .nav-collapse .dropdown-mega,
	.site-nav .nav-collapse .dropdown-mega.show,
	.site-nav .nav-collapse .dropdown-menu,
	.site-nav .nav-collapse .dropdown-menu.show {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		overflow: visible !important;
		box-shadow: none !important;
		z-index: auto !important;
	}

	.site-nav .nav-collapse .mega-content,
	.site-nav .nav-collapse .mega-content .sub-list,
	.site-nav .nav-collapse .mega-content .sub-item {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}

	.site-nav .nav-collapse .mobile-accordion-list {
		display: none;
	}

	.site-nav .nav-collapse .mobile-accordion-list.active {
		display: block !important;
		position: static !important;
	}
}

/* amw:header-mobile-shell */
@media (max-width: 991px) {
	.header,
	.site-nav {
		overflow-x: clip;
		max-width: 100%;
		box-sizing: border-box;
	}

	.site-nav__wrap {
		min-width: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.site-nav .nav-brand {
		min-width: 0;
	}
}

@media (max-width: 480px) {
	.site-nav__wrap {
		flex-wrap: wrap;
		align-items: center;
		row-gap: var(--space-xs);
	}

	.site-nav .nav-brand {
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - var(--space-xl));
	}

	.site-nav .nav-toggler {
		flex: 0 0 auto;
		margin-inline-start: auto;
	}

	.site-nav .nav-collapse {
		flex-basis: 100%;
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}
}

/* amw:mobile-nav-offcanvas-etch */
@media (max-width: 991px) {
	.nav-collapse {
		flex-basis: auto;
	}
}

/* amw:mobile-nav-submenu-parity-v1 — beat Etch/WPCode drawer submenu borders */
@media (max-width: 991px) {
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) .dropdown-item,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list .sub-item,
	.site-nav #mainNav.nav-collapse .mobile-accordion-list.active .sub-item {
		border-top: none !important;
		border-left: none !important;
		border-right: none !important;
		font-weight: 600 !important;
		font-size: var(--fs-s) !important;
		color: color-mix(in srgb, var(--white) 90%, transparent) !important;
		background-color: transparent !important;
	}

	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mega-item-row:not(:last-child) .mega-item,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list > li:not(:last-child) .sub-item,
	.site-nav #mainNav.nav-collapse .mobile-accordion-list.active > li:not(:last-child) .sub-item,
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) > li:not(:last-child) .dropdown-item,
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) > .dropdown-item:not(:last-child) {
		border-bottom: 1px solid color-mix(in srgb, var(--white) 10%, transparent) !important;
	}

	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list > li:last-child .sub-item,
	.site-nav #mainNav.nav-collapse .mobile-accordion-list.active > li:last-child .sub-item,
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) > li:last-child .dropdown-item {
		border-bottom: none !important;
	}

	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) > li {
		border-bottom: none !important;
		background-color: transparent !important;
	}
}

/* amw:mobile-nav-chevron-active-v1 — sustained orange on expanded drawer toggles */
@media (max-width: 991px) {
	.site-nav #mainNav.nav-collapse .nav-item.dropdown:has(.dropdown-mega.show, .dropdown-menu.show) > .nav-link-wrap {
		box-shadow: inset 3px 0 0 var(--secondary) !important;
		border-bottom: 1px solid color-mix(in srgb, var(--secondary) 32%, transparent) !important;
	}

	.site-nav #mainNav.nav-collapse .nav-indicator[aria-expanded="true"],
	.site-nav #mainNav.nav-collapse .nav-indicator.open,
	.site-nav #mainNav.nav-collapse .nav-item.dropdown:has(.dropdown-mega.show, .dropdown-menu.show) > .nav-link-wrap .nav-indicator {
		color: var(--secondary) !important;
	}

	.site-nav #mainNav.nav-collapse .nav-indicator[aria-expanded="true"] i,
	.site-nav #mainNav.nav-collapse .nav-indicator.open i,
	.site-nav #mainNav.nav-collapse .mega-toggle-btn.open,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mega-item-row:has(+ .mobile-accordion-list.active) .mega-toggle-btn {
		color: var(--secondary) !important;
	}

	.site-nav #mainNav.nav-collapse .nav-indicator[aria-expanded="true"] i,
	.site-nav #mainNav.nav-collapse .nav-indicator.open i,
	.site-nav #mainNav.nav-collapse .mega-toggle-btn.open i,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mega-item-row:has(+ .mobile-accordion-list.active) .mega-toggle-btn i {
		transform: rotate(180deg);
	}
}

/* amw:mobile-nav-subcategory-nest-v1 — v4 nest: subtle band + indent; next category stays full row */
@media (max-width: 991px) {
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list.active {
		background-color: color-mix(in srgb, var(--black) 16%, transparent) !important;
		border-top: 1px solid color-mix(in srgb, var(--white) 8%, transparent) !important;
		border-bottom: none !important;
		margin-block-end: 0 !important;
	}

	/* Spacing + bottom seam only when another category row follows — not before Service Areas */
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list.active:has(+ .mega-item-row) {
		margin-block-end: var(--space-xs) !important;
		border-bottom: 1px solid color-mix(in srgb, var(--white) 8%, transparent) !important;
	}

	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list.active .sub-item {
		padding-inline-start: calc(var(--nav-drawer-pad) + var(--space-s)) !important;
		padding-inline-end: var(--nav-drawer-pad) !important;
		border-inline-start: 2px solid color-mix(in srgb, var(--secondary) 42%, transparent) !important;
		font-weight: 500 !important;
		color: var(--white) !important;
	}

	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list.active + .mega-item-row .mega-item {
		font-weight: 600 !important;
		color: color-mix(in srgb, var(--white) 90%, transparent) !important;
		padding-inline-start: var(--nav-drawer-pad) !important;
		border-inline-start: none !important;
		background-color: transparent !important;
		box-shadow: none !important;
	}
}

/* amw:mobile-nav-link-tap-v1 — orange tap on split-row link text (chevron already had :active) */
@media (max-width: 991px) {
	.site-nav #mainNav.nav-collapse .nav-link-wrap .nav-link:active,
	.site-nav #mainNav.nav-collapse .nav-link-wrap .nav-link:focus-visible,
	.site-nav #mainNav.nav-collapse .nav-item:not(.dropdown) > .nav-link:active,
	.site-nav #mainNav.nav-collapse .nav-item:not(.dropdown) > .nav-link:focus-visible,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mega-item:active,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mega-item:focus-visible,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list .sub-item:active,
	.site-nav #mainNav.nav-collapse .dropdown-mega.show .mobile-accordion-list .sub-item:focus-visible,
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) .dropdown-item:active,
	.site-nav #mainNav.nav-collapse .dropdown-menu.show:not(.dropdown-mega) .dropdown-item:focus-visible {
		color: var(--secondary) !important;
		background-color: color-mix(in srgb, var(--white) 8%, transparent) !important;
	}
}