/*
 * British Lasers compact information pages
 * UK + US: Delivery, Warranty, Returns, Terms and Privacy
 */

/* Keep the pale page canvas visible from the very top, behind navigation. */
html body.wp-singular.page #site-header {
	background: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

html body.wp-singular.page #site-header .bl6_header {
	background: transparent !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

html body.wp-singular.page #site-header .bl6_logo {
	position: relative !important;
	display: inline-flex !important;
	width: 220px !important;
	max-width: 220px !important;
	height: 76px !important;
	flex: 0 0 220px !important;
	background: url("https://britishlasers.com/wp-content/uploads/2024/09/British-Lasers-Logo.png?bl-small=20260809") left center / contain no-repeat !important;
}

html body.wp-singular.page #site-header .bl6_logo img {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	opacity: 0 !important;
	filter: none !important;
}

html body.wp-singular.page #site-header .bl6_logo::after {
	content: none !important;
	display: none !important;
}

html body.wp-singular.page #site-header .bl6_link,
html body.wp-singular.page #site-header .bl6_burger,
html body.wp-singular.page #site-header .bl6_mobile_right,
html body.wp-singular.page #site-header .bl6_tablet_machines {
	color: #0b1026 !important;
	text-shadow: none !important;
}

html body.wp-singular.page #site-header .bl6_link:hover,
html body.wp-singular.page #site-header .bl6_link:focus-visible,
html body.wp-singular.page #site-header .bl6_link[aria-expanded="true"],
html body.wp-singular.page #site-header .bl6_chevron {
	color: #4426b8 !important;
}

/* Shared visual tokens: opaque surfaces and clearer dividers. */
.bl-delivery-page {
	--bl-delivery-surface: rgba(255, 255, 255, 0.985) !important;
	--bl-delivery-line: #cfd5e4 !important;
}

.bl-warranty-page {
	--bl-warranty-surface: rgba(255, 255, 255, 0.985) !important;
	--bl-warranty-line: #cfd5e4 !important;
}

.bl-returns-page {
	--bl-returns-surface: rgba(255, 255, 255, 0.985) !important;
	--bl-returns-line: #cfd5e4 !important;
}

.bl-terms-page {
	--bl-terms-surface: rgba(255, 255, 255, 0.985) !important;
	--bl-terms-line: #cfd5e4 !important;
}

.bl-privacy-page {
	--bl-privacy-surface: rgba(255, 255, 255, 0.985) !important;
	--bl-privacy-line: #cfd5e4 !important;
}

/*
 * Pull each hero safely below the sticky header. The page backgrounds still
 * extend behind the header, but the readable content no longer collides with it.
 */
.bl-delivery-page {
	padding-top: calc(var(--bl-delivery-header-overlap) + clamp(38px, 5.3vw, 72px) + 72px) !important;
}

.bl-warranty-page {
	padding-top: calc(var(--bl-warranty-header-overlap) + clamp(38px, 5.3vw, 72px) + 72px) !important;
}

.bl-returns-page {
	padding-top: calc(var(--bl-returns-header-overlap) + clamp(38px, 5.3vw, 72px) + 72px) !important;
}

.bl-terms-page {
	padding-top: calc(var(--bl-terms-header-overlap) + clamp(38px, 5.3vw, 72px) + 72px) !important;
}

.bl-privacy-page {
	padding-top: calc(var(--bl-privacy-header-overlap) + clamp(38px, 5.3vw, 72px) + 72px) !important;
}

/* Restore card separation against the pale patterned background. */
.bl-delivery-option-card,
.bl-delivery-confirmation-card,
.bl-delivery-link-card:not(.bl-delivery-link-card-current),
.bl-warranty-exclusion-card,
.bl-warranty-process-card,
.bl-warranty-preparation,
.bl-returns-process-card,
.bl-returns-support-card:not(.bl-returns-support-card-highlight),
.bl-returns-international-card,
.bl-returns-preparation,
.bl-terms-summary-card,
.bl-terms-document,
.bl-privacy-summary-card,
.bl-privacy-document {
	background-color: rgba(255, 255, 255, 0.985) !important;
	border-color: rgba(68, 38, 184, 0.19) !important;
	box-shadow:
		0 18px 48px rgba(23, 32, 63, 0.13),
		0 2px 8px rgba(68, 38, 184, 0.055) !important;
}

/* Inner cards need a lighter treatment so hierarchy stays clear. */
.bl-delivery-confirmation-card,
.bl-warranty-preparation,
.bl-returns-preparation {
	box-shadow:
		0 10px 28px rgba(23, 32, 63, 0.095),
		0 1px 5px rgba(68, 38, 184, 0.045) !important;
}

/* Keep the closed off-canvas drawer inside the viewport so it cannot
 * create horizontal page width at tablet breakpoints. */
html body.wp-singular.page #site-header #bl6-mobile-drawer[aria-hidden="true"] {
	visibility: hidden !important;
	pointer-events: none !important;
	transform: none !important;
}

html body.wp-singular.page #site-header #bl6-mobile-drawer[aria-hidden="false"] {
	visibility: visible !important;
	pointer-events: auto !important;
	transform: none !important;
}

@media (max-width: 1024px) {
	html body.wp-singular.page #site-header .bl6_logo {
		width: 202px !important;
		max-width: 202px !important;
			height: 68px !important;
		flex-basis: 202px !important;
	}

	html body.wp-singular.page #site-header .bl6_ctas a {
		min-width: 166px !important;
		white-space: nowrap !important;
		overflow: visible !important;
	}

	.bl-delivery-page {
		padding-top: calc(var(--bl-delivery-header-overlap) + clamp(38px, 5.3vw, 72px) + 80px) !important;
	}

	.bl-warranty-page {
		padding-top: calc(var(--bl-warranty-header-overlap) + clamp(38px, 5.3vw, 72px) + 80px) !important;
	}

	.bl-returns-page {
		padding-top: calc(var(--bl-returns-header-overlap) + clamp(38px, 5.3vw, 72px) + 80px) !important;
	}

	.bl-terms-page {
		padding-top: calc(var(--bl-terms-header-overlap) + clamp(38px, 5.3vw, 72px) + 80px) !important;
	}

	.bl-privacy-page {
		padding-top: calc(var(--bl-privacy-header-overlap) + clamp(38px, 5.3vw, 72px) + 80px) !important;
	}
}

@media (max-width: 767px) {
	html,
	body,
	#site {
		max-width: 100%;
		overflow-x: clip !important;
	}

	html body.wp-singular.page #site-header #bl6-mobile-drawer[aria-hidden="true"] {
		visibility: hidden !important;
		pointer-events: none !important;
		transform: none !important;
	}

	html body.wp-singular.page #site-header #bl6-mobile-drawer[aria-hidden="false"] {
		visibility: visible !important;
		pointer-events: auto !important;
		transform: none !important;
	}

	html body.wp-singular.page #site-header .bl6_logo {
		width: clamp(150px, 47vw, 183px) !important;
		max-width: clamp(150px, 47vw, 183px) !important;
		height: 58px !important;
			flex: 0 0 clamp(150px, 47vw, 183px) !important;
	}

	html body.wp-singular.page #site-header .bl6_logo img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
	}

	.bl-delivery-page {
		padding-top: calc(var(--bl-delivery-header-overlap) + 38px + 100px) !important;
	}

	.bl-warranty-page {
		padding-top: calc(var(--bl-warranty-header-overlap) + 38px + 100px) !important;
	}

	.bl-returns-page {
		padding-top: calc(var(--bl-returns-header-overlap) + 38px + 100px) !important;
	}

	.bl-terms-page {
		padding-top: calc(var(--bl-terms-header-overlap) + 38px + 100px) !important;
	}

	.bl-privacy-page {
		padding-top: calc(var(--bl-privacy-header-overlap) + 38px + 100px) !important;
	}

	.bl6_header {
		box-shadow: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bl-delivery-option-card,
	.bl-warranty-exclusion-card,
	.bl-warranty-process-card,
	.bl-returns-process-card,
	.bl-returns-support-card,
	.bl-returns-international-card,
	.bl-terms-summary-card,
	.bl-privacy-summary-card {
		transition: none !important;
	}
}