/*!
 * Homepage Refresh — RD Hydrojet
 *
 * Styles for the 10-section homepage composition introduced in commit
 * hpr-2. Loaded only on the front page via rdh_enqueue_homepage_refresh_css()
 * in functions.php. Bootstrap 5 utilities are already loaded by the parent
 * theme and are layered with — not duplicated by — these rules.
 *
 * Scope: every selector is namespaced with .rdh- to avoid colliding with
 * Understrap's defaults or any other plugin styles.
 */

/* ============================================================
   Design tokens
   ============================================================ */

:root {
	--rdh-red:           #c8102e;
	--rdh-red-dark:      #a40c25;
	--rdh-dark:          #111111;
	--rdh-dark-lighter:  #1a1a1a;
	--rdh-white:         #ffffff;
	--rdh-surface:       #f7f7f7;
	--rdh-text:          #111111;
	--rdh-text-muted:    #555555;
	--rdh-border:        #e5e5e5;
	--rdh-section-py:    5rem;     /* desktop */
	--rdh-radius:        0.5rem;
	--rdh-radius-lg:     0.75rem;
	--rdh-shadow-sm:     0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.02);
	--rdh-shadow-md:     0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);
	--rdh-shadow-lg:     0 10px 30px rgba(0,0,0,.12);
}

@media (max-width: 767.98px) {
	:root { --rdh-section-py: 3rem; }
}

/* ============================================================
   Common section atoms
   ============================================================ */

.rdh-homepage section { padding-top: var(--rdh-section-py); padding-bottom: var(--rdh-section-py); }

.rdh-section-dark {
	background: var(--rdh-dark);
	color: var(--rdh-white);
}

.rdh-section-pill {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.4rem 0.9rem;
	border-radius: 999px;
	background: rgba(200, 16, 46, 0.10);
	color: var(--rdh-red);
	margin-bottom: 1rem;
}

.rdh-section-title {
	font-size: clamp(1.75rem, 2.4vw, 2.5rem);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin: 0 0 1rem 0;
}

.rdh-section-sub {
	font-size: 1.05rem;
	color: var(--rdh-text-muted);
	max-width: 60ch;
	margin: 0 auto;
	line-height: 1.6;
}

.rdh-section-dark .rdh-section-title { color: var(--rdh-white); }
.rdh-section-dark .rdh-section-sub { color: rgba(255,255,255,0.75); }

/* Shared buttons */

.rdh-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.4rem;
	border-radius: var(--rdh-radius);
	background: var(--rdh-red);
	color: var(--rdh-white) !important;
	font-weight: 700;
	text-decoration: none !important;
	border: 1px solid var(--rdh-red);
	transition: background .18s ease, transform .18s ease;
}
.rdh-btn-primary:hover,
.rdh-btn-primary:focus { background: var(--rdh-red-dark); border-color: var(--rdh-red-dark); color: var(--rdh-white); }

.rdh-btn-outline {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.4rem;
	border-radius: var(--rdh-radius);
	background: transparent;
	color: var(--rdh-red) !important;
	font-weight: 700;
	text-decoration: none !important;
	border: 1px solid var(--rdh-red);
	transition: background .18s ease, color .18s ease;
}
.rdh-btn-outline:hover,
.rdh-btn-outline:focus { background: var(--rdh-red); color: var(--rdh-white) !important; }

.rdh-btn-outline-light {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.4rem;
	border-radius: var(--rdh-radius);
	background: transparent;
	color: var(--rdh-white) !important;
	font-weight: 600;
	text-decoration: none !important;
	border: 1px solid rgba(255,255,255,0.5);
	transition: background .18s ease, border-color .18s ease;
}
.rdh-btn-outline-light:hover,
.rdh-btn-outline-light:focus { background: rgba(255,255,255,0.12); border-color: var(--rdh-white); }

/* ============================================================
   Section 1 — Hero
   ============================================================ */

.rdh-hero {
	position: relative;
	overflow: hidden;
	min-height: 540px;
	color: var(--rdh-white);
}
.rdh-hero__bg {
	position: absolute;
	/* Extend the bg layer 100px past the top and bottom of .rdh-hero so the
	   parallax translation (±80px range, see js/rdh-hero-parallax.js) never
	   exposes the underlying dark fill at the edges. .rdh-hero has
	   overflow:hidden so the overhang is clipped cleanly. No transform scale
	   needed — image renders at natural composition. The mobile/reduced-
	   motion overrides below reset top/bottom to 0. */
	top: -100px;
	bottom: -100px;
	left: 0;
	right: 0;
	background:
		/* Strong dark on the left where the headline sits; eases right where the glass form sits. */
		linear-gradient(95deg, rgba(17,17,17,0.92) 0%, rgba(17,17,17,0.78) 40%, rgba(17,17,17,0.55) 75%, rgba(200,16,46,0.18) 100%),
		url('/wp-content/uploads/2026/05/rdhydrojet-hero-img_v01-scaled.webp') center/cover no-repeat,
		var(--rdh-dark);
	z-index: 0;
	will-change: transform;
	transform: translate3d(0, var(--rdh-hero-parallax-y, 0px), 0);
}
/* Tablet: the form drops below the headline, so the overlay should darken the whole area, not just the left. */
@media (max-width: 991.98px) {
	.rdh-hero__bg {
		/* Reset the desktop overhang on tablet/mobile — parallax is
		   disabled here, so the bg layer should sit flush with the hero box. */
		top: 0;
		bottom: 0;
		background:
			linear-gradient(180deg, rgba(17,17,17,0.92) 0%, rgba(17,17,17,0.78) 60%, rgba(17,17,17,0.72) 100%),
			url('/wp-content/uploads/2026/05/rdhydrojet-hero-img_v01-scaled.webp') center/cover no-repeat,
			var(--rdh-dark);
		/* Parallax is desktop-only — on tablet/mobile the hero is taller
		   (form drops below the headline) and scroll-driven parallax tends
		   to feel cheap rather than premium at that aspect ratio. */
		--rdh-hero-parallax-y: 0px;
		transform: none;
		will-change: auto;
	}
}
/* Honor the user's OS-level motion setting. */
@media (prefers-reduced-motion: reduce) {
	.rdh-hero__bg {
		transform: none !important;
		will-change: auto;
	}
}
.rdh-hero__container { position: relative; z-index: 1; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.rdh-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.9rem;
	border-radius: 999px;
	background: rgba(200,16,46,0.20);
	color: var(--rdh-white);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	border: 1px solid rgba(200,16,46,0.35);
	margin-bottom: 1.25rem;
}
.rdh-hero__title {
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.02em;
	margin: 0 0 1.25rem 0;
	color: var(--rdh-white);
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0, 0, 0, 0.35);
}
/* Red is used selectively — only on the highlighted phrase. */
.rdh-hero__title-highlight {
	color: var(--rdh-red);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}
.rdh-hero__sub {
	font-size: 1.1rem;
	color: rgba(255,255,255,0.85);
	max-width: 60ch;
	line-height: 1.55;
	margin-bottom: 1.5rem;
}
.rdh-hero__checks {
	margin: 0 0 1.75rem 0;
	color: rgba(255,255,255,0.92);
}
.rdh-hero__checks li {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.75rem;
	background: rgba(255,255,255,0.06);
	border-radius: var(--rdh-radius);
	font-size: 0.9rem;
	border: 1px solid rgba(255,255,255,0.1);
}
.rdh-hero__ctas { margin-top: 0.5rem; }
.rdh-hero__form-card {
	background: rgba(20, 20, 20, 0.55);
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	backdrop-filter: blur(16px) saturate(150%);
	color: var(--rdh-white);
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 24px;
	padding: 2rem;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
}
.rdh-hero__form-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 0 0.35rem 0;
	color: var(--rdh-white);
	letter-spacing: -0.01em;
}
.rdh-hero__form-sub {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.72);
	margin: 0 0 1.25rem 0;
}
.rdh-hero__form-micro {
	font-size: 0.78rem;
	color: rgba(255, 255, 255, 0.55);
	margin: 0.85rem 0 0 0;
	text-align: center;
}
.rdh-hero__stats {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255,255,255,0.12);
}
.rdh-hero__stat { padding: 0.5rem 0.25rem; }
.rdh-hero__stat-value {
	display: block;
	font-size: clamp(1.2rem, 1.8vw, 1.5rem);
	font-weight: 800;
	color: var(--rdh-red);
	line-height: 1.1;
}
.rdh-hero__stat-label {
	display: block;
	font-size: 0.85rem;
	color: rgba(255,255,255,0.75);
	margin-top: 0.3rem;
	letter-spacing: 0.02em;
}

@media (max-width: 991.98px) {
	.rdh-hero { padding-top: 3rem; padding-bottom: 3rem; }
	.rdh-hero__form-card { margin-top: 1.5rem; }
}

/* ============================================================
   Section 2 — Trust Strip
   ============================================================ */

.rdh-trust-strip {
	background: var(--rdh-white);
	border-bottom: 1px solid var(--rdh-border);
	padding-top: 2.5rem !important;
	padding-bottom: 2.5rem !important;
}
.rdh-trust-strip__item { padding: 0.5rem 0.25rem; }
.rdh-trust-strip__icon {
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 999px;
	background: rgba(200,16,46,0.08);
	color: var(--rdh-red);
	margin-bottom: 0.75rem;
}
.rdh-trust-strip__title {
	font-size: 0.98rem;
	font-weight: 700;
	color: var(--rdh-text);
	margin: 0 0 0.2rem 0;
}
.rdh-trust-strip__sub {
	font-size: 0.85rem;
	color: var(--rdh-text-muted);
	margin: 0;
}

/* ============================================================
   Section 3 — Process (East-inspired: floating icons + connector)
   ============================================================ */

.rdh-process { background: var(--rdh-white); }

/* Row gets position:relative so the connector pseudo can sit behind the icons */
.rdh-process .row { position: relative; }

/* Horizontal connector line (desktop only) — sits behind the icon tiles */
@media (min-width: 992px) {
	.rdh-process .row::before {
		content: '';
		position: absolute;
		top: 40px;            /* aligns with vertical center of 80px icon */
		left: 16.6666%;        /* matches Bootstrap col-lg-4 inner edge */
		right: 16.6666%;
		height: 1px;
		background: var(--rdh-border);
		z-index: 0;
	}
}

/* Step — no card outline; clean centered content stacking */
.rdh-process__step {
	background: transparent;
	border: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	position: relative;
	z-index: 1;            /* in front of the connector line */
}

/* Icon container — rounded square, soft surface fill (was a red-tinted circle) */
.rdh-process__icon-wrap {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 1.5rem auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: var(--rdh-surface);
	color: var(--rdh-red);
}

/* Step number badge — bolder red pill at top-right corner of icon tile */
.rdh-process__step-num {
	position: absolute;
	top: -10px;
	right: -10px;
	background: var(--rdh-red);
	color: var(--rdh-white);
	font-size: 0.7rem;
	font-weight: 800;
	padding: 0.2rem 0.5rem;
	border-radius: 999px;
	letter-spacing: 0.05em;
	box-shadow: 0 2px 6px rgba(200, 16, 46, 0.28);
}

.rdh-process__step-title {
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.005em;
	color: var(--rdh-text);
	margin: 0 0 0.5rem 0;
}

.rdh-process__step-desc {
	font-size: 0.95rem;
	color: var(--rdh-text-muted);
	line-height: 1.6;
	margin: 0 auto;
	max-width: 28ch;
}

/* ============================================================
   Section 4 — Services Grid
   ============================================================ */

.rdh-services { background: var(--rdh-surface); }
.rdh-services__card {
	background: var(--rdh-white);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius-lg);
	padding: 1.75rem 1.5rem;
	height: 100%;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
	display: flex; flex-direction: column;
}
.rdh-services__card:hover {
	box-shadow: var(--rdh-shadow-md);
	transform: translateY(-2px);
	border-color: rgba(200,16,46,0.4);
}
.rdh-services__card--accent { border-left: 3px solid var(--rdh-red); }
.rdh-services__card-icon {
	width: 56px; height: 56px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: var(--rdh-radius);
	background: rgba(200,16,46,0.08);
	color: var(--rdh-red);
	margin-bottom: 1rem;
}
.rdh-services__card-title { font-size: 1.2rem; font-weight: 700; color: var(--rdh-text); margin: 0 0 0.5rem 0; }
.rdh-services__card-desc { font-size: 0.95rem; color: var(--rdh-text-muted); line-height: 1.55; margin: 0 0 1rem 0; }
.rdh-services__card-features { margin: 0 0 1.25rem 0; }
.rdh-services__card-features li {
	display: flex; align-items: start; gap: 0.5rem;
	font-size: 0.9rem; color: var(--rdh-text);
	padding: 0.25rem 0;
}
.rdh-services__card-features li svg { color: var(--rdh-red); flex-shrink: 0; margin-top: 0.18rem; }
.rdh-services__card-link {
	margin-top: auto;
	display: inline-flex; align-items: center; gap: 0.4rem;
	color: var(--rdh-red);
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	transition: gap .18s ease;
}
.rdh-services__card-link:hover { gap: 0.65rem; color: var(--rdh-red-dark); }

/* ============================================================
   Section 5 — Emergency
   ============================================================ */

.rdh-emergency { background: var(--rdh-dark); }
.rdh-emergency__card {
	background: var(--rdh-dark-lighter);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: var(--rdh-radius-lg);
	overflow: hidden;
	height: 100%;
	transition: border-color .2s ease, transform .2s ease;
}
.rdh-emergency__card:hover { border-color: rgba(200,16,46,0.5); transform: translateY(-2px); }
.rdh-emergency__media {
	height: 200px;
	overflow: hidden;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(180deg, rgba(200,16,46,0.15) 0%, rgba(17,17,17,0.6) 100%);
}
.rdh-emergency__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}
.rdh-emergency__card:hover .rdh-emergency__img { transform: scale(1.04); }
.rdh-emergency__placeholder { color: rgba(255,255,255,0.5); }
.rdh-emergency__body { padding: 1.5rem; }
.rdh-emergency__title { font-size: 1.15rem; font-weight: 700; color: var(--rdh-white); margin: 0 0 0.5rem 0; }
.rdh-emergency__desc { font-size: 0.95rem; color: rgba(255,255,255,0.78); line-height: 1.55; margin: 0; }

.rdh-emergency__cta {
	margin-top: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid rgba(255,255,255,0.12);
}
.rdh-emergency__cta-title { font-size: 1.4rem; font-weight: 700; color: var(--rdh-white); margin: 0 0 1.5rem 0; }
.rdh-emergency__cta-buttons { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
.rdh-emergency__btn {
	display: inline-flex; align-items: center; gap: 0.5rem;
	padding: 0.9rem 1.6rem;
	border-radius: var(--rdh-radius);
	font-weight: 700;
	text-decoration: none !important;
	transition: background .18s ease, border-color .18s ease;
}
.rdh-emergency__btn--call { background: var(--rdh-red); color: var(--rdh-white) !important; border: 1px solid var(--rdh-red); }
.rdh-emergency__btn--call:hover { background: var(--rdh-red-dark); border-color: var(--rdh-red-dark); }
.rdh-emergency__btn--book { background: transparent; color: var(--rdh-white) !important; border: 1px solid rgba(255,255,255,0.5); }
.rdh-emergency__btn--book:hover { background: rgba(255,255,255,0.10); border-color: var(--rdh-white); }

/* ============================================================
   Section 6 — Service Areas
   ============================================================ */

.rdh-service-areas { background: var(--rdh-white); }
.rdh-service-areas__card {
	display: block;
	background: var(--rdh-white);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius-lg);
	padding: 1.5rem;
	height: 100%;
	color: var(--rdh-text) !important;
	text-decoration: none !important;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.rdh-service-areas__card:hover {
	border-color: rgba(200,16,46,0.5);
	transform: translateY(-2px);
	box-shadow: var(--rdh-shadow-md);
}
.rdh-service-areas__card-header { color: var(--rdh-red); margin-bottom: 0.5rem; }
.rdh-service-areas__card-name { font-size: 1.15rem; font-weight: 700; margin: 0 0 0.5rem 0; color: var(--rdh-text); }
.rdh-service-areas__card-desc { font-size: 0.9rem; color: var(--rdh-text-muted); margin: 0 0 0.75rem 0; line-height: 1.5; }
.rdh-service-areas__badge {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--rdh-red);
	background: rgba(200,16,46,0.08);
	padding: 0.2rem 0.5rem;
	border-radius: 999px;
}

.rdh-service-areas__additional { margin-top: 1rem; text-align: center; }
.rdh-service-areas__additional-title {
	font-size: 0.85rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--rdh-text-muted);
	margin-bottom: 0.75rem;
}
.rdh-service-areas__pills {
	display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center;
}
.rdh-service-areas__pill {
	display: inline-block;
	padding: 0.4rem 0.85rem;
	border-radius: 999px;
	font-size: 0.85rem;
	color: var(--rdh-text-muted);
	background: var(--rdh-surface);
	border: 1px solid var(--rdh-border);
	text-decoration: none !important;
}
.rdh-service-areas__pill--link {
	color: var(--rdh-red);
	background: rgba(200,16,46,0.06);
	border-color: rgba(200,16,46,0.25);
	font-weight: 600;
	transition: background .18s ease;
}
.rdh-service-areas__pill--link:hover { background: rgba(200,16,46,0.12); }

/* Non-linked service-area chip (e.g. Wildomar, Lake Elsinore on the
   septic page where no city page exists). Keeps the same chip silhouette
   as the link variant but renders in neutral dark-on-white so it reads
   as a styled chip rather than as plain text next to the red linked
   chips. Opt-in via .rdh-service-areas__pill--static on a <span>. */
.rdh-service-areas__pill--static {
	color: var(--rdh-text);
	background: var(--rdh-white);
	border-color: var(--rdh-border);
	font-weight: 600;
}

.rdh-service-areas__phone-link {
	display: inline-flex; align-items: center; gap: 0.4rem;
	color: var(--rdh-text);
	font-weight: 700;
	text-decoration: none !important;
	margin-left: 0.5rem;
}
.rdh-service-areas__phone-link:hover { color: var(--rdh-red); }

/* ============================================================
   Section 7 — Why Choose Us trust block
   ============================================================ */

.rdh-trust-block { background: var(--rdh-surface); }
.rdh-trust-block__pillar {
	background: var(--rdh-white);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius-lg);
	padding: 1.75rem 1.5rem;
	height: 100%;
	text-align: center;
	transition: box-shadow .2s ease, transform .2s ease;
}
.rdh-trust-block__pillar:hover { box-shadow: var(--rdh-shadow-md); transform: translateY(-2px); }
.rdh-trust-block__icon {
	width: 64px; height: 64px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: rgba(200,16,46,0.08);
	color: var(--rdh-red);
	margin-bottom: 1rem;
}
.rdh-trust-block__title { font-size: 1.1rem; font-weight: 700; color: var(--rdh-text); margin: 0 0 0.5rem 0; }
.rdh-trust-block__desc { font-size: 0.9rem; color: var(--rdh-text-muted); line-height: 1.55; margin: 0; }

/* ============================================================
   Section 8 — Customer Testimonials
   ============================================================ */

.rdh-testimonials { background: var(--rdh-surface); }

.rdh-testimonials__google-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.7rem 1.25rem;
	background: var(--rdh-surface);
	border: 1px solid var(--rdh-border);
	border-radius: 999px;
	color: var(--rdh-text);
	text-decoration: none !important;
	font-weight: 600;
	font-size: 0.95rem;
	transition: background .18s ease, border-color .18s ease;
}
.rdh-testimonials__google-badge:hover {
	background: var(--rdh-white);
	border-color: rgba(200,16,46,0.4);
	color: var(--rdh-text);
}
.rdh-testimonials__google-badge svg:last-child { color: var(--rdh-red); }

.rdh-testimonials__card {
	position: relative;
	background: var(--rdh-white);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius-lg);
	padding: 1.75rem 1.5rem 1.5rem 1.5rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.rdh-testimonials__card:hover {
	box-shadow: var(--rdh-shadow-md);
	transform: translateY(-2px);
	border-color: rgba(200,16,46,0.35);
}

.rdh-testimonials__quote-icon {
	position: absolute;
	top: 1rem;
	right: 1.25rem;
	color: var(--rdh-red);
	line-height: 0;
}

.rdh-testimonials__stars {
	display: flex;
	gap: 0.15rem;
	color: var(--rdh-red);
	margin-bottom: 0.85rem;
}

.rdh-testimonials__text {
	margin: 0 0 1.25rem 0;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--rdh-text);
	font-style: normal;
	flex: 1;
}

.rdh-testimonials__footer {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding-top: 1rem;
	border-top: 1px solid var(--rdh-border);
}

.rdh-testimonials__avatar {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--rdh-red);
	color: var(--rdh-white);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 1rem;
	letter-spacing: 0.02em;
}

.rdh-testimonials__author {
	flex: 1;
	min-width: 0;
	line-height: 1.25;
}
.rdh-testimonials__author strong {
	display: block;
	color: var(--rdh-text);
	font-weight: 700;
	font-size: 0.92rem;
}
.rdh-testimonials__author span {
	display: block;
	color: var(--rdh-text-muted);
	font-size: 0.82rem;
	margin-top: 0.1rem;
}

.rdh-testimonials__tag {
	flex-shrink: 0;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--rdh-red);
	background: rgba(200,16,46,0.08);
	padding: 0.3rem 0.6rem;
	border-radius: 999px;
	white-space: nowrap;
}

.rdh-testimonials__google-link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: var(--rdh-text);
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none !important;
	border-bottom: 2px solid transparent;
	padding-bottom: 0.15rem;
	transition: color .18s ease, border-color .18s ease;
}
.rdh-testimonials__google-link:hover {
	color: var(--rdh-red);
	border-bottom-color: var(--rdh-red);
}

@media (max-width: 575.98px) {
	.rdh-testimonials__footer { flex-wrap: wrap; }
	.rdh-testimonials__tag { margin-top: 0.4rem; }
}

/* ============================================================
   Section 9 — Blog
   ============================================================ */

.rdh-blog { background: var(--rdh-white); }
.rdh-blog__card {
	background: var(--rdh-white);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius-lg);
	overflow: hidden;
	height: 100%;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.rdh-blog__card:hover { box-shadow: var(--rdh-shadow-md); transform: translateY(-2px); border-color: rgba(200,16,46,0.4); }
.rdh-blog__card-link { display: block; color: inherit; text-decoration: none !important; height: 100%; }
.rdh-blog__card-image { height: 200px; overflow: hidden; background: var(--rdh-surface); display: flex; align-items: center; justify-content: center; }
.rdh-blog__card-img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.rdh-blog__card-link:hover .rdh-blog__card-img { transform: scale(1.04); }
.rdh-blog__card-placeholder { color: rgba(0,0,0,0.18); }
.rdh-blog__card-body { padding: 1.5rem; }
.rdh-blog__card-category {
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--rdh-red);
	margin-bottom: 0.5rem;
	font-weight: 700;
}
.rdh-blog__card-title { font-size: 1.15rem; font-weight: 700; color: var(--rdh-text); margin: 0 0 0.5rem 0; line-height: 1.3; }
.rdh-blog__card-excerpt { font-size: 0.92rem; color: var(--rdh-text-muted); line-height: 1.55; margin: 0 0 0.75rem 0; }
.rdh-blog__card-more {
	display: inline-flex; align-items: center; gap: 0.4rem;
	color: var(--rdh-red);
	font-weight: 700;
	font-size: 0.92rem;
	transition: gap .18s ease;
}
.rdh-blog__card-link:hover .rdh-blog__card-more { gap: 0.65rem; color: var(--rdh-red-dark); }

/* ============================================================
   Section 9 — FAQ
   ============================================================ */

.rdh-faq { background: var(--rdh-surface); }
.rdh-faq__accordion { background: transparent; }
.rdh-faq__item {
	background: var(--rdh-white);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius);
	margin-bottom: 0.75rem;
	overflow: hidden;
}
.rdh-faq__item .accordion-button {
	background: var(--rdh-white);
	color: var(--rdh-text);
	font-weight: 600;
	font-size: 1.02rem;
	padding: 1.1rem 1.25rem;
	box-shadow: none !important;
}
.rdh-faq__item .accordion-button:not(.collapsed) { background: rgba(200,16,46,0.04); color: var(--rdh-red); }
.rdh-faq__item .accordion-body {
	background: var(--rdh-white);
	color: var(--rdh-text-muted);
	font-size: 0.95rem;
	line-height: 1.6;
	padding: 0 1.25rem 1.25rem 1.25rem;
}

/* ============================================================
   Section 10 — Final CTA
   ============================================================ */

.rdh-cta {
	background: var(--rdh-dark);
	position: relative;
	overflow: hidden;
}
.rdh-cta__bg {
	position: absolute; inset: 0;
	background:
		radial-gradient(circle at 20% 20%, rgba(200,16,46,0.15), transparent 40%),
		radial-gradient(circle at 80% 80%, rgba(200,16,46,0.10), transparent 40%);
	z-index: 0;
}
.rdh-cta .container { position: relative; z-index: 1; }
.rdh-cta__form-card {
	background: var(--rdh-white);
	color: var(--rdh-text);
	border-radius: 24px;
	padding: 2.5rem;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.30);
	border: 1px solid rgba(255, 255, 255, 0.10);
}
.rdh-cta__form-title {
	font-size: 1.65rem;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin: 0 0 0.4rem 0;
	color: var(--rdh-text);
}
.rdh-cta__form-sub {
	font-size: 0.95rem;
	color: var(--rdh-text-muted);
	margin: 0 0 1.5rem 0;
	line-height: 1.55;
}
.rdh-cta__form-micro {
	font-size: 0.82rem;
	color: var(--rdh-text-muted);
	margin: 1rem 0 0 0;
	text-align: center;
}

.rdh-cta__info-cards {
	display: flex; flex-direction: column; gap: 0.85rem;
}
.rdh-cta__info-card {
	display: flex; align-items: center; gap: 0.95rem;
	background: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.10);
	border-radius: 16px;
	padding: 1.15rem 1.25rem;
	transition: background .18s ease, border-color .18s ease;
}
.rdh-cta__info-card:hover {
	background: rgba(255,255,255,0.07);
	border-color: rgba(255,255,255,0.18);
}
.rdh-cta__info-icon {
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 12px;
	background: rgba(200,16,46,0.18);
	color: var(--rdh-red);
	flex-shrink: 0;
}
.rdh-cta__info-label {
	display: block;
	font-size: 0.7rem;
	letter-spacing: 0.14em;
	color: rgba(255,255,255,0.55);
	text-transform: uppercase;
	margin-bottom: 0.2rem;
	font-weight: 700;
}
.rdh-cta__info-value {
	display: block;
	color: var(--rdh-white) !important;
	font-weight: 700;
	font-size: 1.02rem;
	text-decoration: none !important;
	word-break: break-word;
	line-height: 1.35;
}
.rdh-cta__info-value--text { font-weight: 500; font-size: 0.92rem; line-height: 1.45; color: rgba(255,255,255,0.85) !important; }
a.rdh-cta__info-value:hover { color: var(--rdh-red) !important; }

/* Emergency callout block under the info cards */
.rdh-cta__emergency {
	display: flex;
	align-items: flex-start;
	gap: 0.95rem;
	padding: 1.25rem;
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(200,16,46,0.18) 0%, rgba(200,16,46,0.08) 100%);
	border: 1px solid rgba(200,16,46,0.35);
	margin-top: 0.5rem;
}
.rdh-cta__emergency-icon {
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 12px;
	background: var(--rdh-red);
	color: var(--rdh-white);
	flex-shrink: 0;
}
.rdh-cta__emergency-title {
	display: block;
	color: var(--rdh-white);
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	margin-bottom: 0.25rem;
}
.rdh-cta__emergency-sub {
	color: rgba(255,255,255,0.85);
	font-size: 0.9rem;
	margin: 0;
	line-height: 1.5;
}
.rdh-cta__emergency-sub a {
	color: var(--rdh-white);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: rgba(255,255,255,0.5);
	text-underline-offset: 3px;
}
.rdh-cta__emergency-sub a:hover {
	text-decoration-color: var(--rdh-white);
	color: var(--rdh-white);
}

/* ============================================================
   CTA — Static lead form (white card)
   ============================================================ */

.rdh-cta__form { margin: 0; }

/* Two-column row for paired fields (Name+Phone, Email+Service) */
.rdh-cta__form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.25rem;
}
@media (max-width: 575.98px) {
	.rdh-cta__form-row { grid-template-columns: 1fr; gap: 0; }
}

.rdh-cta__form-field {
	margin-bottom: 1.1rem;
	display: block;
}
.rdh-cta__form-field label {
	display: block;
	color: var(--rdh-text);
	font-weight: 700;
	font-size: 0.92rem;
	letter-spacing: 0.005em;
	margin-bottom: 0.4rem;
}
.rdh-cta__form-field .rdh-required {
	font-size: 0.74rem;
	font-weight: 600;
	color: var(--rdh-red);
	margin-left: 0.4rem;
	letter-spacing: 0.02em;
}

.rdh-cta__form-field input[type="text"],
.rdh-cta__form-field input[type="email"],
.rdh-cta__form-field input[type="tel"],
.rdh-cta__form-field textarea,
.rdh-cta__form-field select {
	width: 100%;
	background: var(--rdh-white);
	color: var(--rdh-text);
	border: 1px solid var(--rdh-border);
	border-radius: 8px;
	padding: 0.7rem 0.9rem;
	font-size: 0.97rem;
	font-family: inherit;
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.rdh-cta__form-field input::placeholder,
.rdh-cta__form-field textarea::placeholder {
	color: rgba(17, 17, 17, 0.40);
}
.rdh-cta__form-field input:focus,
.rdh-cta__form-field textarea:focus,
.rdh-cta__form-field select:focus {
	outline: none;
	border-color: rgba(200, 16, 46, 0.65);
	box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15);
}
.rdh-cta__form-field textarea { min-height: 110px; resize: vertical; }

/* Custom chevron for the <select> */
.rdh-cta__form-field select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right 0.95rem center;
	background-size: 12px 12px;
	padding-right: 2.5rem;
}
.rdh-cta__form-field select option { background: var(--rdh-white); color: var(--rdh-text); }

/* Honeypot — visually + accessibility-hidden, but submittable */
.rdh-cta__form-honeypot {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Bottom actions row: left-aligned submit + inline reassurance text */
.rdh-cta__form-actions {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}
.rdh-cta__form-submit {
	background: var(--rdh-red);
	color: var(--rdh-white);
	border: 1px solid var(--rdh-red);
	border-radius: 8px;
	padding: 0.85rem 1.5rem;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(200, 16, 46, 0.25);
	transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.rdh-cta__form-submit:hover,
.rdh-cta__form-submit:focus {
	background: var(--rdh-red-dark);
	border-color: var(--rdh-red-dark);
	color: var(--rdh-white);
	outline: none;
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(200, 16, 46, 0.35);
}
.rdh-cta__form-submit:active { transform: translateY(0); }

.rdh-cta__form-actions .rdh-cta__form-micro {
	margin: 0;
	color: var(--rdh-text-muted);
	font-size: 0.85rem;
}

/* Success / error banners above the form */
.rdh-cta__form-msg {
	border-radius: 10px;
	padding: 0.85rem 1rem;
	margin-bottom: 1.25rem;
	font-size: 0.92rem;
	line-height: 1.45;
}
.rdh-cta__form-msg a { font-weight: 700; }
.rdh-cta__form-msg--success {
	background: rgba(34, 197, 94, 0.08);
	border: 1px solid rgba(34, 197, 94, 0.45);
	color: #0f5132;
}
.rdh-cta__form-msg--success a { color: #0a3d24; }
.rdh-cta__form-msg--error {
	background: rgba(200, 16, 46, 0.06);
	border: 1px solid rgba(200, 16, 46, 0.45);
	color: #842029;
}
.rdh-cta__form-msg--error a { color: #6b1a22; }

/* ============================================================
   Gravity Forms — shared base
   ============================================================ */

/* Hide the default GF required asterisk; we render "(Required)" via ::after on the label */
.rdh-hero__form-card .gform_wrapper .gfield_required,
.rdh-cta__form-card .gform_wrapper .gfield_required { display: none; }

.rdh-hero__form-card .gfield_label.gfield_label_before_complex::after,
.rdh-cta__form-card .gfield_label::after,
.rdh-hero__form-card .gfield_label::after {
	content: '';
}
/* Apply "(Required)" indicator only when the parent field is required */
.rdh-hero__form-card .gfield.gfield_contains_required .gfield_label::after,
.rdh-cta__form-card .gfield.gfield_contains_required .gfield_label::after {
	content: '(Required)';
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--rdh-red);
	margin-left: 0.4rem;
	letter-spacing: 0.02em;
}
.rdh-hero__form-card .gfield.gfield_contains_required .gfield_label::after {
	color: rgba(255, 255, 255, 0.6);
}

/* Tighten Gravity Forms' default vertical gap between fields */
.rdh-hero__form-card .gform_wrapper,
.rdh-cta__form-card .gform_wrapper {
	--gf-form-gap-y: 10px;
}

/* GF 2-column grid layout (uses layoutGridColumnSpan field property) */
.rdh-cta__form-card .gform_fields { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0 1.25rem; }
.rdh-cta__form-card .gfield { grid-column: span 12; }
.rdh-cta__form-card .gfield.gf-half-left,
.rdh-cta__form-card .gfield.gf-half-right { grid-column: span 6; }
@media (max-width: 575.98px) {
	.rdh-cta__form-card .gfield.gf-half-left,
	.rdh-cta__form-card .gfield.gf-half-right { grid-column: span 12; }
}

/* GF validation message styling — keep restrained */
.rdh-hero__form-card .gform_wrapper .gfield_error .gfield_label,
.rdh-cta__form-card .gform_wrapper .gfield_error .gfield_label { color: var(--rdh-red); }
.rdh-hero__form-card .gform_wrapper .validation_message,
.rdh-cta__form-card .gform_wrapper .validation_message {
	font-size: 0.82rem;
	margin-top: 0.4rem;
}
.rdh-cta__form-card .gform_wrapper .validation_message { color: var(--rdh-red); }
.rdh-hero__form-card .gform_wrapper .validation_message { color: #ffd1d6; }

/* GF confirmation message (after submit) */
.rdh-hero__form-card .gform_confirmation_message,
.rdh-cta__form-card .gform_confirmation_message {
	padding: 1rem 1.1rem;
	border-radius: 12px;
	font-size: 0.95rem;
	line-height: 1.5;
}
.rdh-hero__form-card .gform_confirmation_message {
	background: rgba(34, 197, 94, 0.15);
	border: 1px solid rgba(34, 197, 94, 0.45);
	color: rgba(255, 255, 255, 0.96);
}
.rdh-hero__form-card .gform_confirmation_message a { color: var(--rdh-white); font-weight: 700; }
.rdh-cta__form-card .gform_confirmation_message {
	background: rgba(34, 197, 94, 0.08);
	border: 1px solid rgba(34, 197, 94, 0.45);
	color: #0f5132;
}
.rdh-cta__form-card .gform_confirmation_message a { color: #0a3d24; font-weight: 700; }

/* GF submit button containers — strip the default footer padding */
.rdh-hero__form-card .gform_footer,
.rdh-cta__form-card .gform_footer {
	padding-top: 0.5rem !important;
	margin-top: 0.25rem !important;
}

/* Form-unavailable fallback styling */
.rdh-form-fallback {
	padding: 1rem;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 8px;
	color: rgba(255,255,255,0.9);
}
.rdh-cta__form-card .rdh-form-fallback { background: var(--rdh-surface); border-color: var(--rdh-border); color: var(--rdh-text-muted); }


/* ============================================================
   Hero — Gravity Forms (glass card)
   ============================================================ */

/* Labels above inputs, white on dark */
.rdh-hero__form-card .gform_wrapper .gfield_label,
.rdh-hero__form-card .gform_wrapper legend {
	color: rgba(255, 255, 255, 0.92);
	font-weight: 600;
	font-size: 0.92rem;
	letter-spacing: 0.005em;
	margin-bottom: 0.4rem;
	display: block;
}
.rdh-hero__form-card .gform_wrapper .gfield_description {
	color: rgba(255, 255, 255, 0.65);
	font-size: 0.82rem;
}
/* Inputs / textareas / selects in the glass card */
.rdh-hero__form-card .gform_wrapper input[type="text"],
.rdh-hero__form-card .gform_wrapper input[type="email"],
.rdh-hero__form-card .gform_wrapper input[type="tel"],
.rdh-hero__form-card .gform_wrapper input[type="number"],
.rdh-hero__form-card .gform_wrapper input[type="url"],
.rdh-hero__form-card .gform_wrapper textarea,
.rdh-hero__form-card .gform_wrapper select {
	width: 100%;
	background: rgba(255, 255, 255, 0.10);
	color: var(--rdh-white);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 12px;
	padding: 0.75rem 1rem;
	font-size: 0.97rem;
	font-family: inherit;
	box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.rdh-hero__form-card .gform_wrapper input::placeholder,
.rdh-hero__form-card .gform_wrapper textarea::placeholder {
	color: rgba(255, 255, 255, 0.50);
}
.rdh-hero__form-card .gform_wrapper input:focus,
.rdh-hero__form-card .gform_wrapper textarea:focus,
.rdh-hero__form-card .gform_wrapper select:focus {
	outline: none;
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(200, 16, 46, 0.65);
	box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.20);
}
.rdh-hero__form-card .gform_wrapper textarea { min-height: 90px; resize: vertical; }

/* Custom chevron for <select> on dark background */
.rdh-hero__form-card .gform_wrapper select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 12px 12px;
	padding-right: 2.5rem;
}
.rdh-hero__form-card .gform_wrapper select option { background: var(--rdh-dark); color: var(--rdh-white); }

/* Submit button — full-width brand-red with glow */
.rdh-hero__form-card .gform_footer input[type="submit"],
.rdh-hero__form-card .gform_footer button[type="submit"] {
	width: 100%;
	background: var(--rdh-red) !important;
	color: var(--rdh-white) !important;
	border: 1px solid var(--rdh-red) !important;
	border-radius: 12px !important;
	padding: 0.95rem 1.4rem !important;
	font-size: 0.98rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em;
	box-shadow: 0 6px 20px rgba(200, 16, 46, 0.35);
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.rdh-hero__form-card .gform_footer input[type="submit"]:hover,
.rdh-hero__form-card .gform_footer button[type="submit"]:hover {
	background: var(--rdh-red-dark) !important;
	border-color: var(--rdh-red-dark) !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(200, 16, 46, 0.45);
}


/* ============================================================
   CTA — Gravity Forms (white card)
   ============================================================ */

.rdh-cta__form-card .gform_wrapper .gfield_label,
.rdh-cta__form-card .gform_wrapper legend {
	color: var(--rdh-text);
	font-weight: 700;
	font-size: 0.92rem;
	letter-spacing: 0.005em;
	margin-bottom: 0.4rem;
	display: block;
}
.rdh-cta__form-card .gform_wrapper .gfield_description {
	color: var(--rdh-text-muted);
	font-size: 0.82rem;
}
.rdh-cta__form-card .gform_wrapper input[type="text"],
.rdh-cta__form-card .gform_wrapper input[type="email"],
.rdh-cta__form-card .gform_wrapper input[type="tel"],
.rdh-cta__form-card .gform_wrapper input[type="number"],
.rdh-cta__form-card .gform_wrapper input[type="url"],
.rdh-cta__form-card .gform_wrapper textarea,
.rdh-cta__form-card .gform_wrapper select {
	width: 100%;
	background: var(--rdh-white);
	color: var(--rdh-text);
	border: 1px solid var(--rdh-border);
	border-radius: 8px;
	padding: 0.7rem 0.9rem;
	font-size: 0.97rem;
	font-family: inherit;
	box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.rdh-cta__form-card .gform_wrapper input::placeholder,
.rdh-cta__form-card .gform_wrapper textarea::placeholder {
	color: rgba(17, 17, 17, 0.40);
}
.rdh-cta__form-card .gform_wrapper input:focus,
.rdh-cta__form-card .gform_wrapper textarea:focus,
.rdh-cta__form-card .gform_wrapper select:focus {
	outline: none;
	border-color: rgba(200, 16, 46, 0.65);
	box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15);
}
.rdh-cta__form-card .gform_wrapper textarea { min-height: 110px; resize: vertical; }

/* Custom chevron for <select> on white background */
.rdh-cta__form-card .gform_wrapper select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right 0.95rem center;
	background-size: 12px 12px;
	padding-right: 2.5rem;
}
.rdh-cta__form-card .gform_wrapper select option { background: var(--rdh-white); color: var(--rdh-text); }

/* Submit button — left-aligned, smaller than the hero button */
.rdh-cta__form-card .gform_footer input[type="submit"],
.rdh-cta__form-card .gform_footer button[type="submit"] {
	background: var(--rdh-red) !important;
	color: var(--rdh-white) !important;
	border: 1px solid var(--rdh-red) !important;
	border-radius: 8px !important;
	padding: 0.85rem 1.5rem !important;
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em;
	box-shadow: 0 4px 14px rgba(200, 16, 46, 0.25);
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.rdh-cta__form-card .gform_footer input[type="submit"]:hover,
.rdh-cta__form-card .gform_footer button[type="submit"]:hover {
	background: var(--rdh-red-dark) !important;
	border-color: var(--rdh-red-dark) !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(200, 16, 46, 0.35);
}

/* Reassurance text rendered after the GF form (below the footer button) */
.rdh-cta__form-micro--below {
	margin-top: 0.6rem !important;
	font-size: 0.85rem;
	color: var(--rdh-text-muted);
}


/* ============================================================
   Service page — shared section atoms
   ============================================================
   Used by page-drain-sewer-solutions.php and any future service-page
   templates that opt in. Reuses --rdh-* tokens from the homepage refresh.
*/

.rdh-service-page section {
	padding-top: var(--rdh-section-py);
	padding-bottom: var(--rdh-section-py);
}

/* ----- Section 1 — Hero ----- */
.rdh-svc-hero {
	position: relative;
	overflow: hidden;
	color: var(--rdh-white);
	min-height: 420px;
}
.rdh-svc-hero__bg {
	position: absolute; inset: 0;
	background:
		linear-gradient(135deg, rgba(17,17,17,0.92) 0%, rgba(17,17,17,0.85) 60%, rgba(200,16,46,0.22) 100%),
		var(--rdh-dark);
	z-index: 0;
}
.rdh-svc-hero__container {
	position: relative;
	z-index: 1;
}
.rdh-svc-hero__breadcrumb {
	font-size: 0.85rem;
	letter-spacing: 0.02em;
	color: rgba(255,255,255,0.65);
	margin-bottom: 1.25rem;
}
.rdh-svc-hero__breadcrumb a {
	color: rgba(255,255,255,0.78);
	text-decoration: none;
}
.rdh-svc-hero__breadcrumb a:hover {
	color: var(--rdh-white);
	text-decoration: underline;
}
.rdh-svc-hero__breadcrumb span[aria-hidden] {
	margin: 0 0.4rem;
	color: rgba(255,255,255,0.4);
}
.rdh-svc-hero__title {
	font-size: clamp(1.85rem, 3.6vw, 2.85rem);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin: 0 0 1rem 0;
	color: var(--rdh-white);
	text-shadow: 0 2px 12px rgba(0,0,0,0.45);
	max-width: 22ch;
}
.rdh-svc-hero__title-highlight { color: var(--rdh-red); }
.rdh-svc-hero__sub {
	font-size: 1.05rem;
	line-height: 1.55;
	color: rgba(255,255,255,0.85);
	max-width: 60ch;
	margin: 0 0 1.5rem 0;
}
.rdh-svc-hero__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}


/* ----- Section 2 — About This Service / Overview ----- */
.rdh-svc-overview { background: var(--rdh-white); }
.rdh-svc-overview__title {
	margin-top: 0.85rem;
	margin-bottom: 1rem;
	font-size: clamp(1.5rem, 2.2vw, 2rem);
}
.rdh-svc-overview__text p {
	font-size: 1.02rem;
	line-height: 1.65;
	color: var(--rdh-text);
	margin: 0 0 1rem 0;
}
.rdh-svc-overview__text p:last-child { margin-bottom: 0; }
.rdh-svc-overview__image-wrap {
	border-radius: var(--rdh-radius-lg);
	overflow: hidden;
	box-shadow: var(--rdh-shadow-md);
}
.rdh-svc-overview__image { display: block; width: 100%; height: auto; }
.rdh-svc-overview__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	aspect-ratio: 4 / 3;
	background: linear-gradient(135deg, var(--rdh-surface) 0%, rgba(200,16,46,0.06) 100%);
	color: rgba(0,0,0,0.25);
	font-size: 0.85rem;
	letter-spacing: 0.02em;
}


/* ----- Section 3 — What You Get ----- */
.rdh-svc-includes { background: var(--rdh-surface); }
.rdh-svc-includes__card {
	background: var(--rdh-white);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius-lg);
	padding: 1.75rem 1.5rem;
	height: 100%;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.rdh-svc-includes__card:hover {
	box-shadow: var(--rdh-shadow-md);
	transform: translateY(-2px);
	border-color: rgba(200,16,46,0.4);
}
.rdh-svc-includes__icon {
	width: 44px; height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 12px;
	background: rgba(200,16,46,0.10);
	color: var(--rdh-red);
	margin-bottom: 1rem;
}
.rdh-svc-includes__title {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--rdh-text);
	margin: 0 0 0.5rem 0;
	letter-spacing: -0.005em;
}
.rdh-svc-includes__desc {
	font-size: 0.92rem;
	color: var(--rdh-text-muted);
	line-height: 1.55;
	margin: 0;
}


/* ----- Section 4 — Why It Matters ----- */
.rdh-svc-why { background: var(--rdh-white); }
.rdh-svc-why__text {
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--rdh-text);
	margin: 0;
}
.rdh-svc-why__phone {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: var(--rdh-text);
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none !important;
	border-bottom: 2px solid transparent;
	padding-bottom: 0.2rem;
	transition: color .18s ease, border-color .18s ease;
}
.rdh-svc-why__phone:hover {
	color: var(--rdh-red);
	border-bottom-color: var(--rdh-red);
}


/* ----- Section 5 — FAQ ----- */
.rdh-svc-faq { background: var(--rdh-surface); }
/* Inherits .rdh-faq__* rules from the homepage FAQ section. */


/* Mobile tuning for service pages */
@media (max-width: 575.98px) {
	.rdh-svc-hero__title { font-size: 1.65rem; }
	.rdh-svc-hero__ctas {
		flex-direction: column;
		align-items: stretch;
	}
	.rdh-svc-hero__ctas .btn {
		width: 100%;
		justify-content: center;
	}
}


/* ============================================================
   Hero static lead form (glass card) — DEPRECATED, kept for rollback only
   ============================================================ */

.rdh-hero__form { margin: 0; }

.rdh-hero__form-field {
	margin-bottom: 1rem;
	display: block;
}
.rdh-hero__form-field label {
	display: block;
	color: rgba(255, 255, 255, 0.92);
	font-weight: 600;
	font-size: 0.92rem;
	letter-spacing: 0.005em;
	margin-bottom: 0.4rem;
}
.rdh-hero__form-field .rdh-required {
	font-size: 0.72rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.6);
	margin-left: 0.35rem;
	letter-spacing: 0.02em;
}

.rdh-hero__form-field input[type="text"],
.rdh-hero__form-field input[type="email"],
.rdh-hero__form-field input[type="tel"],
.rdh-hero__form-field textarea,
.rdh-hero__form-field select {
	width: 100%;
	background: rgba(255, 255, 255, 0.10);
	color: var(--rdh-white);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 12px;
	padding: 0.75rem 1rem;
	font-size: 0.97rem;
	font-family: inherit;
	box-shadow: none;
	transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.rdh-hero__form-field input::placeholder,
.rdh-hero__form-field textarea::placeholder {
	color: rgba(255, 255, 255, 0.50);
}
.rdh-hero__form-field input:focus,
.rdh-hero__form-field textarea:focus,
.rdh-hero__form-field select:focus {
	outline: none;
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(200, 16, 46, 0.65);
	box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.20);
}
.rdh-hero__form-field textarea { min-height: 90px; resize: vertical; }

/* Custom select arrow (the native one disappears with appearance: none) */
.rdh-hero__form-field select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 12px 12px;
	padding-right: 2.5rem;
}
.rdh-hero__form-field select option { background: var(--rdh-dark); color: var(--rdh-white); }

/* Honeypot — visually + accessibility-hidden, but submittable so bots find it */
.rdh-hero__form-honeypot {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Submit button */
.rdh-hero__form-submit {
	width: 100%;
	background: var(--rdh-red);
	color: var(--rdh-white);
	border: 1px solid var(--rdh-red);
	border-radius: 12px;
	padding: 0.95rem 1.4rem;
	font-size: 0.98rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	cursor: pointer;
	box-shadow: 0 6px 20px rgba(200, 16, 46, 0.35);
	transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
	margin-top: 0.25rem;
}
.rdh-hero__form-submit:hover,
.rdh-hero__form-submit:focus {
	background: var(--rdh-red-dark);
	border-color: var(--rdh-red-dark);
	color: var(--rdh-white);
	outline: none;
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(200, 16, 46, 0.45);
}
.rdh-hero__form-submit:active { transform: translateY(0); }

/* Success / error banners above the form */
.rdh-hero__form-msg {
	border-radius: 12px;
	padding: 0.85rem 1rem;
	margin-bottom: 1rem;
	font-size: 0.92rem;
	line-height: 1.45;
}
.rdh-hero__form-msg a { color: var(--rdh-white); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.rdh-hero__form-msg--success {
	background: rgba(34, 197, 94, 0.15);
	border: 1px solid rgba(34, 197, 94, 0.45);
	color: rgba(255, 255, 255, 0.96);
}
.rdh-hero__form-msg--error {
	background: rgba(200, 16, 46, 0.20);
	border: 1px solid rgba(200, 16, 46, 0.55);
	color: rgba(255, 255, 255, 0.96);
}

/* ============================================================
   WPForms — Submit button (shared)
   ============================================================ */

.rdh-hero__form-card .wpforms-submit,
.rdh-cta__form-card .wpforms-submit {
	background: var(--rdh-red) !important;
	color: var(--rdh-white) !important;
	border: 1px solid var(--rdh-red) !important;
	font-weight: 700;
	font-size: 0.98rem;
	letter-spacing: 0.01em;
	padding: 0.95rem 1.4rem !important;
	border-radius: 12px !important;
	width: 100%;
	transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.rdh-hero__form-card .wpforms-submit { box-shadow: 0 6px 20px rgba(200, 16, 46, 0.35); }
.rdh-hero__form-card .wpforms-submit:hover,
.rdh-cta__form-card .wpforms-submit:hover {
	background: var(--rdh-red-dark) !important;
	border-color: var(--rdh-red-dark) !important;
}
.rdh-hero__form-card .wpforms-submit:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(200, 16, 46, 0.45); }
.rdh-hero__form-card .wpforms-submit:active { transform: translateY(0); }

/* ============================================================
   Mobile tuning
   ============================================================ */

@media (max-width: 575.98px) {
	.rdh-section-title { font-size: 1.5rem; }
	.rdh-hero__title { font-size: 2rem; }
	.rdh-hero__ctas { flex-direction: column; align-items: stretch; }
	.rdh-hero__phone-cta,
	.rdh-hero__secondary-cta { width: 100%; justify-content: center; }
	.rdh-emergency__cta-buttons { flex-direction: column; align-items: stretch; }
	.rdh-emergency__btn { justify-content: center; }
	.rdh-service-areas__phone-link { margin-left: 0; margin-top: 0.75rem; }
}


/* ============================================================
   Emergency Plumbing service-page additions
   ------------------------------------------------------------
   Used by page-emergency-plumbing-services.php. Reuses --rdh-*
   tokens and .rdh-svc-* classes from the drain-sewer slice; only
   adds what the /drain-sewer-solutions/ page didn't need:
   a hero trust rail, a scenario-grid row variant, a list pattern
   for the When/Prepare/Process sections, and section background
   tints. No Bootstrap overrides.
   ============================================================ */

/* Hero trust rail — small pill row under the CTAs. */
.rdh-svc-hero__trust-rail {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.6rem;
	margin-top: 1.5rem;
	max-width: 64ch;
}
.rdh-svc-hero__trust-item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.75rem;
	border-radius: 999px;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.18);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: rgba(255,255,255,0.92);
}
.rdh-svc-hero__trust-item--highlight {
	background: rgba(200,16,46,0.20);
	border-color: rgba(200,16,46,0.50);
	color: var(--rdh-white);
}
.rdh-svc-hero__trust-item svg { flex-shrink: 0; opacity: 0.9; }

/* 7-card scenario grid (Bootstrap col-md-6 col-lg-4 drives the 3-up
   layout in markup; this just centers the orphan 7th card on its row). */
.rdh-svc-includes--scenarios > .row { justify-content: center; }

/* Service-page list pattern — When to Call / What to Do / Process. */
.rdh-svc-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: grid;
	gap: 0.85rem;
}
.rdh-svc-list__item {
	position: relative;
	padding-left: 2.4rem;
	font-size: 0.98rem;
	line-height: 1.55;
	color: var(--rdh-text);
}
.rdh-svc-list__item-title {
	display: block;
	font-weight: 700;
	color: var(--rdh-text);
	margin-bottom: 0.15rem;
}
.rdh-svc-list--steps { counter-reset: rdh-step; }
.rdh-svc-list--steps .rdh-svc-list__item { counter-increment: rdh-step; }
.rdh-svc-list--steps .rdh-svc-list__item::before {
	content: counter(rdh-step);
	position: absolute;
	left: 0; top: 0.05rem;
	width: 1.65rem; height: 1.65rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.82rem;
	font-weight: 800;
	color: var(--rdh-red);
	background: rgba(200,16,46,0.10);
	border: 1px solid rgba(200,16,46,0.25);
	border-radius: 999px;
}
.rdh-svc-list--bullets .rdh-svc-list__item { padding-left: 1.6rem; }
.rdh-svc-list--bullets .rdh-svc-list__item::before {
	content: "";
	position: absolute;
	left: 0.3rem; top: 0.65rem;
	width: 0.55rem; height: 0.55rem;
	border-radius: 999px;
	background: var(--rdh-red);
}
@media (min-width: 992px) {
	.rdh-svc-list--two-col { grid-template-columns: 1fr 1fr; column-gap: 2rem; }
}

/* Section background tints used by the emergency page. */
.rdh-svc-when    { background: var(--rdh-white); }
.rdh-svc-prepare { background: var(--rdh-surface); }
.rdh-svc-help    { background: var(--rdh-white); }
.rdh-svc-process { background: var(--rdh-surface); }
.rdh-svc-trust   { background: var(--rdh-white); }
.rdh-svc-areas   { background: var(--rdh-surface); }

/* "When to Call" calm caveat note. */
.rdh-svc-when__note {
	margin-top: 1.5rem;
	font-size: 0.92rem;
	color: var(--rdh-text-muted);
	line-height: 1.55;
}

/* Trust pillar grid — Section 7. Uses the same card visual language as
   .rdh-svc-includes__card but slightly denser, no hover lift. */
.rdh-svc-trust__pillar {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	background: var(--rdh-surface);
	border: 1px solid var(--rdh-border);
	border-radius: var(--rdh-radius-lg);
	padding: 1.25rem 1.25rem;
	height: 100%;
}
.rdh-svc-trust__pillar-icon {
	flex-shrink: 0;
	width: 40px; height: 40px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 10px;
	background: rgba(200,16,46,0.10);
	color: var(--rdh-red);
}
.rdh-svc-trust__pillar-title {
	font-size: 1rem;
	font-weight: 800;
	color: var(--rdh-text);
	margin: 0 0 0.25rem 0;
}
.rdh-svc-trust__pillar-desc {
	font-size: 0.9rem;
	color: var(--rdh-text-muted);
	line-height: 1.55;
	margin: 0;
}

/* Mid-page reassurance line — small red-tinted callout used in Section 1. */
.rdh-svc-reassure {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.65rem 1rem;
	margin-top: 1.25rem;
	border-radius: var(--rdh-radius);
	background: rgba(200,16,46,0.08);
	border: 1px solid rgba(200,16,46,0.25);
	font-weight: 700;
	color: var(--rdh-text);
	font-size: 0.95rem;
}
.rdh-svc-reassure svg { color: var(--rdh-red); flex-shrink: 0; }

/* After-Hours card no-extra-charge highlight inside the scenario card grid. */
.rdh-svc-includes__highlight {
	display: inline-block;
	margin-top: 0.65rem;
	padding: 0.35rem 0.7rem;
	border-radius: 999px;
	background: rgba(200,16,46,0.10);
	border: 1px solid rgba(200,16,46,0.25);
	color: var(--rdh-red);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

/* Emergency-page mobile tuning. */
@media (max-width: 575.98px) {
	.rdh-svc-hero__trust-rail { gap: 0.4rem 0.4rem; }
	.rdh-svc-hero__trust-item { font-size: 0.72rem; padding: 0.32rem 0.6rem; }
	.rdh-svc-list__item { font-size: 0.95rem; }
}


/* ============================================================
   Service-page hero with right-side request-service form card
   ------------------------------------------------------------
   Reusable hero variant. Renders the homepage Gravity quick-quote
   form on the right of any service-page hero. The wrapper element
   uses BOTH .rdh-svc-hero__form-card (service-page hook for any
   future overrides) and .rdh-hero__form-card (so the existing
   Gravity Forms dark/glass field styles in the "Gravity Forms —
   shared base" block below already apply without extending those
   selectors). Only the title/text/note get new namespaced rules.
   ============================================================ */

/* Hero modifier — no overrides today, kept as a hook. */
.rdh-svc-hero--with-form { }

/* Left-column hook — no overrides today, kept for future use. */
.rdh-svc-hero__content { }

.rdh-svc-hero__form-title {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: 0 0 0.5rem 0;
	color: var(--rdh-white);
}
.rdh-svc-hero__form-text {
	font-size: 0.92rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.78);
	margin: 0 0 1.1rem 0;
}
.rdh-svc-hero__form-note {
	font-size: 0.78rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.6);
	margin: 0.85rem 0 0 0;
	text-align: center;
}

/* Mobile stacking — Bootstrap col-lg-* drops to full width below 992px,
   so the form card naturally moves below the hero copy. Add a small
   top margin to separate it from the trust rail / CTAs. */
@media (max-width: 991.98px) {
	.rdh-svc-hero__form-card { margin-top: 1.5rem; }
}


/* ---------------------------------------------------------------------------
 * Service Needed <select> visibility fix
 *
 * The Gravity Forms framework / orbital theme stylesheets load AFTER this
 * file and aggressively size every form control via --gf-ctrl-* CSS
 * variables (block-size, padding-block, padding-inline, color, etc.).
 * Combined with appearance:none, the GF cascade was clipping or hiding
 * the selected option text in both the dark hero card and the light CTA
 * card. The four rules below explicitly re-assert the visible-text
 * properties for the Service Needed select (and every other GF select
 * inside our form-card wrappers) with !important so they survive both
 * cascade order and the GF longhand padding-block / padding-inline
 * overrides. No other field types or other form layouts are affected.
 * --------------------------------------------------------------------------- */

/* Dark glass hero — Quick Quote form select (Homepage hero) */
.rdh-hero__form-card .gform_wrapper select.gfield_select,
.rdh-hero__form-card .gform_wrapper select {
	height: auto !important;
	min-height: 48px !important;
	line-height: 1.3 !important;
	padding-block: 0.7rem !important;
	padding-inline: 1rem 2.5rem !important;
	background-color: rgba(255, 255, 255, 0.10) !important;
	color: var(--rdh-white) !important;
	font-size: 0.97rem !important;
}
.rdh-hero__form-card .gform_wrapper select.gfield_select option,
.rdh-hero__form-card .gform_wrapper select option {
	color: var(--rdh-white);
	background-color: var(--rdh-dark);
}

/* Light card — Full Contact / Quick Quote form select (Homepage final CTA,
   Contact page, anywhere else the rdh-cta__form-card wrapper is used) */
.rdh-cta__form-card .gform_wrapper select.gfield_select,
.rdh-cta__form-card .gform_wrapper select {
	height: auto !important;
	min-height: 48px !important;
	line-height: 1.3 !important;
	padding-block: 0.7rem !important;
	padding-inline: 1rem 2.5rem !important;
	background-color: var(--rdh-white) !important;
	color: var(--rdh-text) !important;
	font-size: 0.97rem !important;
}
.rdh-cta__form-card .gform_wrapper select.gfield_select option,
.rdh-cta__form-card .gform_wrapper select option {
	color: var(--rdh-text);
	background-color: var(--rdh-white);
}