/* =====================================================================
 * Weather Defender Solutions — public styles
 * Scoped under .wd-solutions-root so the host theme is never affected.
 * Adapted from the supplied solutions template.
 * ================================================================== */

.wd-solutions-root {
	/* Brand tokens */
	--wd-yellow:   #F5C200;
	--wd-black:    #0D0D0D;
	--wd-charcoal: #1A1A1A;
	--wd-mid:      #2E2E2E;
	--wd-light:    #F2F2F2;
	--wd-white:    #FFFFFF;
	--wd-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	--wd-font-body:    'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--wd-radius: 4px;
	--wd-transition: 0.25s ease;

	font-family: var(--wd-font-body);
	color: var(--wd-black);
	background: var(--wd-white);
	line-height: 1.5;
}

/* Reset only within our root — never touch the rest of the page */
.wd-solutions-root *,
.wd-solutions-root *::before,
.wd-solutions-root *::after {
	box-sizing: border-box;
}
.wd-solutions-root img { display: block; max-width: 100%; height: auto; }
.wd-solutions-root a { color: inherit; text-decoration: none; }
.wd-solutions-root h1,
.wd-solutions-root h2,
.wd-solutions-root h3,
.wd-solutions-root h4,
.wd-solutions-root p,
.wd-solutions-root ul {
	margin: 0;
	padding: 0;
}

/* ─── Layout ─────────────────────────────────────────────── */
/*
 * .wd-container intentionally has no max-width and no horizontal padding.
 * It hands the width decision back to whatever the host page is using —
 * an Elementor section/column, a theme content wrapper, etc. The inner
 * content sits at the column's width; only the background colour of
 * each section breaks out to fill the full viewport.
 */
.wd-solutions-root .wd-container {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	padding: 0;
}

/*
 * Full-bleed section BACKGROUNDS.
 *
 * The plugin lives inside the host page's content column. Content
 * should stay within that column, but each section's coloured
 * background should run edge-to-edge of the viewport like a stripe.
 *
 * We don't resize the section itself (which would force us to
 * re-centre every piece of content). Instead, each section keeps its
 * column-width box but paints a 100vw background via an ::after
 * pseudo-element absolutely positioned behind everything.
 *
 *  - `isolation: isolate` gives each section its own stacking context
 *    so the negative z-index on the pseudo can't leak out behind the
 *    surrounding page.
 *  - The ::after stretches from 50% out to ±50vw at z-index: -1, so
 *    every other child of the section (including the CTA's existing
 *    "WD" watermark ::before) renders on top of it automatically.
 *  - `background: inherit` lets the pseudo pick up whatever colour the
 *    section already has, so no per-section overrides are needed.
 *  - `overflow-x: clip` on the root absorbs any 1-2px overshoot from
 *    100vw including the scrollbar width, without breaking sticky.
 *
 * Targets every direct-child section of a solution page, plus the
 * breadcrumb div (which isn't a <section>).
 */
.wd-solutions-root {
	overflow-x: clip;
}
.wd-solutions-root .wd-solution-page > section,
.wd-solutions-root .wd-solution-page > .wd-breadcrumb {
	position: relative;
	isolation: isolate;
}
.wd-solutions-root .wd-solution-page > section::after,
.wd-solutions-root .wd-solution-page > .wd-breadcrumb::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	z-index: -1;
	background: inherit;
	pointer-events: none;
}

/* ─── Shared bits ────────────────────────────────────────── */
.wd-solutions-root .wd-tag {
	display: inline-block;
	font-family: var(--wd-font-display);
	font-size: 11px; font-weight: 700; letter-spacing: .12em;
	text-transform: uppercase;
	background: var(--wd-yellow); color: var(--wd-black);
	padding: 4px 12px; border-radius: var(--wd-radius);
}
.wd-solutions-root .wd-btn {
	display: inline-flex; align-items: center; gap: 8px;
	font-family: var(--wd-font-display); font-size: 15px; font-weight: 700;
	letter-spacing: .06em; text-transform: uppercase;
	padding: 14px 32px; border-radius: var(--wd-radius);
	cursor: pointer; border: none; transition: var(--wd-transition);
	line-height: 1;
}
.wd-solutions-root .wd-btn-primary { background: var(--wd-yellow); color: var(--wd-black); }
.wd-solutions-root .wd-btn-primary:hover { background: #e0b000; }
.wd-solutions-root .wd-btn-outline {
	background: transparent; color: var(--wd-white);
	border: 2px solid var(--wd-white);
}
.wd-solutions-root .wd-btn-outline:hover { background: var(--wd-white); color: var(--wd-black); }
.wd-solutions-root .wd-btn-dark { background: var(--wd-black); color: var(--wd-white); }
.wd-solutions-root .wd-btn-dark:hover { background: var(--wd-mid); }

.wd-solutions-root .wd-eyebrow {
	font-family: var(--wd-font-display); font-size: 11px; font-weight: 700;
	letter-spacing: .15em; text-transform: uppercase;
	color: var(--wd-yellow); margin-bottom: 12px;
	display: flex; align-items: center; gap: 8px;
}
.wd-solutions-root .wd-eyebrow::before {
	content: ''; width: 24px; height: 2px; background: var(--wd-yellow);
}
.wd-solutions-root .wd-h2 {
	font-family: var(--wd-font-display); font-size: clamp(32px, 4vw, 48px);
	font-weight: 900; line-height: 1.0; text-transform: uppercase;
	letter-spacing: -.01em; margin-bottom: 20px; color: var(--wd-black);
}
.wd-solutions-root .wd-h2 em { color: var(--wd-yellow); font-style: normal; }
.wd-solutions-root .wd-body-text {
	font-size: 15px; line-height: 1.7; color: #444; margin-bottom: 16px;
}

.wd-solutions-root .wd-img-placeholder {
	width: 100%; height: 100%; min-height: 160px;
	display: flex; align-items: center; justify-content: center;
	background: var(--wd-light);
	font-family: var(--wd-font-display); font-size: 13px; font-weight: 700;
	letter-spacing: .08em; text-transform: uppercase; color: #aaa;
	text-align: center; padding: 16px;
}
.wd-solutions-root .wd-img-placeholder-dark {
	background: var(--wd-charcoal); color: rgba(255,255,255,.3);
}

/* ─── Tab switcher ───────────────────────────────────────── */
.wd-solutions-root .wd-switcher {
	background: var(--wd-black); padding: 14px 0;
}
.wd-solutions-root .wd-switcher .wd-container {
	display: flex; gap: 6px; flex-wrap: wrap; align-items: center;
}
.wd-solutions-root .wd-switcher-label {
	font-family: var(--wd-font-display); font-size: 11px; font-weight: 700;
	letter-spacing: .1em; text-transform: uppercase;
	color: rgba(255,255,255,.4); margin-right: 12px;
}
.wd-solutions-root .wd-page-tab {
	font-family: var(--wd-font-display); font-size: 13px; font-weight: 700;
	letter-spacing: .07em; text-transform: uppercase;
	padding: 8px 20px; border-radius: var(--wd-radius);
	background: transparent; color: rgba(255,255,255,.6);
	border: 1px solid rgba(255,255,255,.15);
	cursor: pointer; transition: var(--wd-transition);
}
.wd-solutions-root .wd-page-tab:hover {
	color: var(--wd-white); border-color: rgba(255,255,255,.4);
}
.wd-solutions-root .wd-page-tab.active {
	background: var(--wd-yellow); color: var(--wd-black); border-color: var(--wd-yellow);
}

/* ─── Solution page show/hide ────────────────────────────── */
.wd-solutions-root .wd-solution-page { display: none; }
.wd-solutions-root .wd-solution-page.active { display: block; }

/* ─── Breadcrumb ─────────────────────────────────────────── */
.wd-solutions-root .wd-breadcrumb {
	background: var(--wd-light);
	padding: 12px 0;
}
.wd-solutions-root .wd-breadcrumb-inner {
	display: flex; align-items: center; gap: 8px;
	font-size: 12px; font-weight: 500; color: #888;
}
.wd-solutions-root .wd-breadcrumb-inner .wd-sep { color: #ccc; }
.wd-solutions-root .wd-breadcrumb-inner .wd-current { color: var(--wd-black); font-weight: 600; }

/* ─── Hero (LEFT ALIGNED per brief) ──────────────────────── */
.wd-solutions-root .wd-hero {
	position: relative;
	min-height: 480px; display: flex; align-items: flex-end;
	background: var(--wd-charcoal);
}
/*
 * Hero background image and gradient overlay break out to viewport
 * width too, so the image stripe matches the full-bleed dark stripe
 * created by the section ::before. Same 50% + 100vw pinning trick.
 */
.wd-solutions-root .wd-hero-bg {
	position: absolute; top: 0; bottom: 0;
	left: 50%; width: 100vw; transform: translateX(-50%);
	background-size: cover; background-position: center;
	opacity: .45;
	z-index: 0;
}
.wd-solutions-root .wd-hero-overlay {
	position: absolute; top: 0; bottom: 0;
	left: 50%; width: 100vw; transform: translateX(-50%);
	background: linear-gradient(to top, rgba(0,0,0,.85) 30%, rgba(0,0,0,.3) 100%);
	z-index: 0;
}
.wd-solutions-root .wd-hero-content {
	position: relative; z-index: 2;
	padding: 56px 0 64px;
	max-width: 720px;
	text-align: left;          /* explicit: heading copy is left aligned */
	margin-left: 0;            /* anchored to the left edge of the container */
}
.wd-solutions-root .wd-hero-content .wd-tag { margin-bottom: 20px; }
.wd-solutions-root .wd-hero-h1 {
	font-family: var(--wd-font-display); font-size: clamp(44px, 7vw, 80px);
	font-weight: 900; line-height: .95; letter-spacing: -.02em;
	color: var(--wd-white); text-transform: uppercase;
	margin-bottom: 20px; text-align: left;
}
.wd-solutions-root .wd-hero-h1 em { color: var(--wd-yellow); font-style: normal; }
.wd-solutions-root .wd-hero-intro {
	font-size: 17px; font-weight: 400; line-height: 1.6;
	color: rgba(255,255,255,.75); max-width: 560px;
	margin-bottom: 36px; text-align: left;
}
.wd-solutions-root .wd-hero-actions {
	display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-start;
}

/* ─── Challenge block ────────────────────────────────────── */
.wd-solutions-root .wd-challenge { padding: 80px 0; background: var(--wd-white); }
.wd-solutions-root .wd-challenge-inner {
	display: grid; grid-template-columns: 1fr 1fr; gap: 64px;
	align-items: center;
}
.wd-solutions-root .wd-challenge-btn { margin-top: 8px; }
.wd-solutions-root .wd-challenge-img-wrap {
	position: relative; border-radius: var(--wd-radius);
	overflow: hidden; aspect-ratio: 4 / 3; background: var(--wd-light);
}
.wd-solutions-root .wd-challenge-img-wrap img {
	width: 100%; height: 100%; object-fit: cover;
}
.wd-solutions-root .wd-img-accent {
	position: absolute; bottom: 20px; right: 20px;
	background: var(--wd-yellow); padding: 12px 18px;
	font-family: var(--wd-font-display); font-size: 14px; font-weight: 800;
	letter-spacing: .05em; text-transform: uppercase; color: var(--wd-black);
	border-radius: var(--wd-radius);
}

/* ─── Pain strip ─────────────────────────────────────────── */
.wd-solutions-root .wd-pain-strip { background: var(--wd-black); padding: 56px 0; }
.wd-solutions-root .wd-strip-heading {
	font-family: var(--wd-font-display); font-size: clamp(24px, 3vw, 36px);
	font-weight: 900; text-transform: uppercase; color: var(--wd-white);
	margin-bottom: 40px; letter-spacing: -.01em;
}
.wd-solutions-root .wd-strip-heading em { color: var(--wd-yellow); font-style: normal; }
.wd-solutions-root .wd-pain-grid {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;
}
.wd-solutions-root .wd-pain-card {
	background: var(--wd-charcoal); padding: 32px 28px;
	border-top: 3px solid var(--wd-yellow);
	transition: var(--wd-transition);
}
.wd-solutions-root .wd-pain-card:hover { background: var(--wd-mid); }
.wd-solutions-root .wd-pain-icon { display: block; }
.wd-solutions-root .wd-pain-icon svg {
	width: 40px; height: 40px; margin-bottom: 16px; color: var(--wd-yellow);
}
.wd-solutions-root .wd-pain-card h3 {
	font-family: var(--wd-font-display); font-size: 20px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .03em;
	color: var(--wd-white); margin-bottom: 10px;
}
.wd-solutions-root .wd-pain-card p {
	font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.55);
}

/* ─── How it works ───────────────────────────────────────── */
.wd-solutions-root .wd-how { padding: 80px 0; background: var(--wd-light); }
.wd-solutions-root .wd-steps {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 48px;
}
.wd-solutions-root .wd-step {
	background: var(--wd-white); padding: 32px 24px;
	border-radius: var(--wd-radius); position: relative;
	border-bottom: 3px solid transparent; transition: var(--wd-transition);
}
.wd-solutions-root .wd-step:hover {
	border-bottom-color: var(--wd-yellow); transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0,0,0,.1);
}
.wd-solutions-root .wd-step-num {
	font-family: var(--wd-font-display); font-size: 64px; font-weight: 900;
	color: rgba(0,0,0,.06); line-height: 1; margin-bottom: 16px;
	letter-spacing: -.03em;
}
.wd-solutions-root .wd-step h4 {
	font-family: var(--wd-font-display); font-size: 18px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .03em; margin-bottom: 10px;
}
.wd-solutions-root .wd-step p { font-size: 14px; line-height: 1.6; color: #666; }

/* ─── Product callout ────────────────────────────────────── */
.wd-solutions-root .wd-product-callout { padding: 80px 0; background: var(--wd-white); }
.wd-solutions-root .wd-product-inner {
	display: grid; grid-template-columns: 1fr 1fr; gap: 0;
	border: 2px solid var(--wd-black); border-radius: var(--wd-radius); overflow: hidden;
}
.wd-solutions-root .wd-product-img {
	background: var(--wd-black); min-height: 400px;
	display: flex; align-items: center; justify-content: center;
}
.wd-solutions-root .wd-product-img img {
	width: 100%; height: 100%; object-fit: cover; min-height: 400px;
}
.wd-solutions-root .wd-product-details {
	padding: 48px 44px; display: flex; flex-direction: column;
	justify-content: center; gap: 24px;
}
.wd-solutions-root .wd-product-name {
	font-family: var(--wd-font-display); font-size: 30px; font-weight: 900;
	text-transform: uppercase; letter-spacing: -.01em; line-height: 1.1;
}
.wd-solutions-root .wd-product-name em { color: var(--wd-yellow); font-style: normal; }
.wd-solutions-root .wd-product-features {
	list-style: none; display: flex; flex-direction: column; gap: 10px;
}
.wd-solutions-root .wd-product-features li {
	display: flex; align-items: flex-start; gap: 10px;
	font-size: 14px; line-height: 1.5; color: #444;
}
.wd-solutions-root .wd-product-features li::before {
	content: ''; width: 18px; height: 18px; flex-shrink: 0;
	background: var(--wd-yellow); border-radius: 50%;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; margin-top: 2px;
}
.wd-solutions-root .wd-price-from {
	font-family: var(--wd-font-display); font-size: 13px; font-weight: 700;
	letter-spacing: .1em; text-transform: uppercase; color: #888;
}
.wd-solutions-root .wd-price-from strong {
	font-size: 36px; color: var(--wd-black); margin-left: 6px; letter-spacing: -.02em;
}
.wd-solutions-root .wd-product-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* ─── Social strip ───────────────────────────────────────── */
.wd-solutions-root .wd-social-strip { background: var(--wd-yellow); padding: 48px 0; }
.wd-solutions-root .wd-social-inner {
	display: grid; grid-template-columns: 1fr 2px 1fr 2px 1fr;
	gap: 40px; align-items: center;
}
.wd-solutions-root .wd-social-divider { background: rgba(0,0,0,.15); height: 48px; }
.wd-solutions-root .wd-social-stat { text-align: center; }
.wd-solutions-root .wd-stat-num {
	font-family: var(--wd-font-display); font-size: clamp(36px, 5vw, 56px);
	font-weight: 900; color: var(--wd-black); line-height: 1; letter-spacing: -.02em;
	margin-bottom: 6px;
}
.wd-solutions-root .wd-stat-label {
	font-family: var(--wd-font-display); font-size: 14px; font-weight: 700;
	letter-spacing: .07em; text-transform: uppercase; color: rgba(0,0,0,.6);
}

/* ─── Gallery ────────────────────────────────────────────── */
.wd-solutions-root .wd-gallery-strip { padding: 80px 0; background: var(--wd-light); }
.wd-solutions-root .wd-gallery-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: 200px 200px;
	gap: 4px; margin-top: 48px;
	border-radius: var(--wd-radius); overflow: hidden;
}
.wd-solutions-root .wd-gallery-cell {
	background: #ccc; overflow: hidden; position: relative;
}
.wd-solutions-root .wd-gallery-cell:first-child { grid-row: span 2; }
.wd-solutions-root .wd-gallery-cell img {
	width: 100%; height: 100%; object-fit: cover;
}
.wd-solutions-root .wd-gallery-cell .wd-img-placeholder { height: 100%; }

/* ─── Related solutions ──────────────────────────────────── */
.wd-solutions-root .wd-related { padding: 80px 0; background: var(--wd-white); }
.wd-solutions-root .wd-related-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 48px;
}
.wd-solutions-root .wd-related-card {
	border: 2px solid var(--wd-light); border-radius: var(--wd-radius);
	overflow: hidden; cursor: pointer; transition: var(--wd-transition);
	background: var(--wd-white);
}
.wd-solutions-root .wd-related-card:hover,
.wd-solutions-root .wd-related-card:focus-visible {
	border-color: var(--wd-yellow); transform: translateY(-3px); outline: none;
}
.wd-solutions-root .wd-related-thumb {
	height: 140px; background: var(--wd-charcoal);
	display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.wd-solutions-root .wd-related-thumb img { width: 100%; height: 100%; object-fit: cover; }
.wd-solutions-root .wd-related-info { padding: 16px; }
.wd-solutions-root .wd-related-info h4 {
	font-family: var(--wd-font-display); font-size: 17px; font-weight: 800;
	text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px;
}
.wd-solutions-root .wd-related-info p { font-size: 13px; color: #888; }

/* ─── CTA ────────────────────────────────────────────────── */
.wd-solutions-root .wd-cta {
	padding: 96px 0; background: var(--wd-black);
	text-align: center; position: relative;
}
.wd-solutions-root .wd-cta::before {
	content: 'WD'; position: absolute;
	font-family: var(--wd-font-display); font-size: 400px; font-weight: 900;
	color: rgba(255,255,255,.03); top: 50%; left: 50%;
	transform: translate(-50%, -50%); pointer-events: none; letter-spacing: -.05em;
	z-index: 0;
}
.wd-solutions-root .wd-cta h2 {
	font-family: var(--wd-font-display); font-size: clamp(36px, 5vw, 64px);
	font-weight: 900; text-transform: uppercase; color: var(--wd-white);
	letter-spacing: -.02em; margin-bottom: 16px; line-height: .95; position: relative;
}
.wd-solutions-root .wd-cta h2 em { color: var(--wd-yellow); font-style: normal; }
.wd-solutions-root .wd-cta p {
	font-size: 16px; color: rgba(255,255,255,.6);
	margin-bottom: 40px; position: relative;
}
.wd-solutions-root .wd-cta-actions {
	display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative;
}

/* ─── Entrance animation ─────────────────────────────────── */
@keyframes wdFadeUp {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}
.wd-solutions-root .wd-solution-page.active .wd-hero-content > * {
	animation: wdFadeUp .5s ease both;
}
.wd-solutions-root .wd-solution-page.active .wd-hero-content > *:nth-child(1) { animation-delay: .05s; }
.wd-solutions-root .wd-solution-page.active .wd-hero-content > *:nth-child(2) { animation-delay: .12s; }
.wd-solutions-root .wd-solution-page.active .wd-hero-content > *:nth-child(3) { animation-delay: .18s; }
.wd-solutions-root .wd-solution-page.active .wd-hero-content > *:nth-child(4) { animation-delay: .24s; }

@media (prefers-reduced-motion: reduce) {
	.wd-solutions-root .wd-solution-page.active .wd-hero-content > * { animation: none; }
	.wd-solutions-root .wd-hero:hover .wd-hero-bg { transform: none; }
}

/* ─── Responsive ─────────────────────────────────────────── */
@media (max-width: 960px) {
	.wd-solutions-root .wd-challenge-inner { grid-template-columns: 1fr; gap: 40px; }
	.wd-solutions-root .wd-product-inner { grid-template-columns: 1fr; }
	.wd-solutions-root .wd-product-img,
	.wd-solutions-root .wd-product-img img { min-height: 280px; }
	.wd-solutions-root .wd-steps { grid-template-columns: repeat(2, 1fr); }
	.wd-solutions-root .wd-related-grid { grid-template-columns: repeat(2, 1fr); }
	.wd-solutions-root .wd-challenge,
	.wd-solutions-root .wd-how,
	.wd-solutions-root .wd-product-callout,
	.wd-solutions-root .wd-gallery-strip,
	.wd-solutions-root .wd-related { padding: 56px 0; }
	.wd-solutions-root .wd-cta { padding: 64px 0; }
}

@media (max-width: 680px) {
	.wd-solutions-root .wd-pain-grid { grid-template-columns: 1fr; }
	.wd-solutions-root .wd-steps { grid-template-columns: 1fr; }
	.wd-solutions-root .wd-related-grid { grid-template-columns: 1fr; }
	.wd-solutions-root .wd-social-inner {
		grid-template-columns: 1fr; gap: 24px;
	}
	.wd-solutions-root .wd-social-divider { display: none; }
	.wd-solutions-root .wd-gallery-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3, 160px);
	}
	.wd-solutions-root .wd-gallery-cell:first-child { grid-row: span 1; grid-column: span 2; }
	.wd-solutions-root .wd-hero-content { padding: 40px 0 48px; }
	.wd-solutions-root .wd-product-details { padding: 32px 24px; }
	.wd-solutions-root .wd-hero-actions .wd-btn,
	.wd-solutions-root .wd-cta-actions .wd-btn,
	.wd-solutions-root .wd-product-actions .wd-btn { width: 100%; justify-content: center; }
}

/* === WD Solutions — full-bleed backgrounds only === */
/* 1. Make sure no ancestor is clipping us. */
.wd-solutions-root {
    overflow: visible !important;
}
/* 2. Stretch sections + breadcrumb + switcher to viewport width. */
.wd-solutions-root > .wd-switcher,
.wd-solutions-root .wd-solution-page > section,
.wd-solutions-root .wd-solution-page > .wd-breadcrumb {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    position: relative;
}
/* 3. Kill the old ::after that wasn't reaching the edge. */
.wd-solutions-root .wd-solution-page > section::after,
.wd-solutions-root .wd-solution-page > .wd-breadcrumb::after {
    display: none !important;
}
/* 4. Prevent horizontal scrollbar from 100vw scrollbar gutter. */
html, body {
    overflow-x: clip;
}
/* 5. Re-centre inner content to whatever the Elementor column width is. */
.wd-solutions-root > .wd-switcher > .wd-container,
.wd-solutions-root .wd-solution-page > section > .wd-container,
.wd-solutions-root .wd-solution-page > .wd-breadcrumb > .wd-container {
    max-width: var(--container-max-width, 1343px);
    margin-left: auto;
    margin-right: auto;
}