/* ============================================================
   Track HR child theme overrides.
   Two main jobs:
     1. Style our custom header & footer (rendered in header.php / footer.php)
     2. Release Elementor's default section/column constraints so our
        full-bleed widgets (hero, trust strip, red bands, carousel)
        actually reach the viewport edges.
   ============================================================ */

/* --- 1. Base body reset so child theme matches static mockup -------------- */
body.elementor-page,
body { background: var(--cream, #FAF6F1); }

/* Sites built with Hello Elementor inject these inline; we strip them */
body > .elementor-page,
.site-main,
.site-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }

/* Hide Hello Elementor's "Skip to content" link off-screen unless focused */
a.skip {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}
a.skip:focus,
a.skip:focus-visible {
	position: fixed !important;
	left: 16px !important;
	top: 16px !important;
	width: auto !important;
	height: auto !important;
	z-index: 9999 !important;
	padding: 12px 18px !important;
	background: var(--ink, #1F1F1F) !important;
	color: #fff !important;
	border-radius: 6px !important;
	overflow: visible !important;
}

/* --- 2. Custom header ------------------------------------------------------ */
.thr-site-header {
	position: sticky; top: 0; z-index: 100;
	background: rgba(250,246,241,.92);
	backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--line, #E5DED1);
}
.thr-site-header .nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 0; }
.thr-site-header .logo { display: inline-flex; align-items: center; border-radius: 6px; }
.thr-site-header .logo img { height: 48px; width: auto; display: block; }
.thr-site-header .nav-links { display: flex; gap: 30px; align-items: center; list-style: none; margin: 0; padding: 0; }
.thr-site-header .nav-links > li > a {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: .95rem; color: var(--ink-soft, #3A3A3A); font-weight: 500;
	padding: 8px 2px; border-radius: 6px;
	transition: color .15s; position: relative; text-decoration: none;
}
.thr-site-header .nav-links > li > a:hover,
.thr-site-header .nav-links > li > a:focus-visible { color: var(--red, #C8202F); }
.thr-site-header .has-sub { position: relative; }
.thr-site-header .has-sub > a .chev { transition: transform .18s; color: var(--muted, #5F5F5F); }
.thr-site-header .has-sub:hover > a .chev,
.thr-site-header .has-sub:focus-within > a .chev { transform: rotate(180deg); color: var(--red, #C8202F); }
.thr-site-header .submenu {
	position: absolute; top: calc(100% + 8px); left: -16px; min-width: 240px;
	background: #fff; border: 1px solid var(--line, #E5DED1); border-radius: 14px; padding: 8px;
	box-shadow: var(--shadow-md, 0 16px 36px -22px rgba(40,18,18,.16));
	opacity: 0; visibility: hidden; transform: translateY(-6px);
	transition: opacity .18s, transform .18s, visibility .18s;
	list-style: none; margin: 0; z-index: 90;
}
.thr-site-header .has-sub:hover .submenu,
.thr-site-header .has-sub:focus-within .submenu { opacity: 1; visibility: visible; transform: none; }
.thr-site-header .submenu li a {
	display: block; padding: 10px 14px; border-radius: 10px;
	font-size: .92rem; color: var(--ink-soft, #3A3A3A); font-weight: 500;
	transition: background-color .15s, color .15s; text-decoration: none;
}
.thr-site-header .submenu li a:hover,
.thr-site-header .submenu li a:focus-visible { background: var(--cream-2, #F2EBE0); color: var(--ink, #1F1F1F); }
.thr-site-header .nav-cta { display: flex; gap: 10px; align-items: center; }
.thr-site-header .nav-cta .btn { padding: 11px 20px; font-size: .92rem; min-height: 44px; }
.thr-site-header .menu-btn {
	display: none; background: transparent; border: 1.5px solid var(--ink, #1F1F1F);
	width: 44px; height: 44px; border-radius: 999px; cursor: pointer;
	align-items: center; justify-content: center; padding: 0;
	transition: background-color .18s;
}
.thr-site-header .menu-btn:hover { background: var(--ink, #1F1F1F); }
.thr-site-header .menu-btn:hover span,
.thr-site-header .menu-btn:hover span::before,
.thr-site-header .menu-btn:hover span::after { background: #fff; }
.thr-site-header .menu-btn span {
	display: block; width: 18px; height: 1.5px; background: var(--ink, #1F1F1F); position: relative;
	transition: background-color .18s, transform .2s;
}
.thr-site-header .menu-btn span::before,
.thr-site-header .menu-btn span::after {
	content: ""; position: absolute; left: 0; width: 18px; height: 1.5px;
	background: var(--ink, #1F1F1F); transition: transform .25s;
}
.thr-site-header .menu-btn span::before { top: -6px; }
.thr-site-header .menu-btn span::after  { top:  6px; }
body.menu-open .menu-btn span { background: transparent; }
body.menu-open .menu-btn span::before { transform: translateY(6px) rotate(45deg); }
body.menu-open .menu-btn span::after  { transform: translateY(-6px) rotate(-45deg); }

.mobile-panel {
	display: none; position: fixed; left: 0; right: 0; top: 0;
	background: var(--cream, #FAF6F1);
	padding: 84px 28px 32px; z-index: 80;
	box-shadow: var(--shadow-md);
	border-bottom: 1px solid var(--line, #E5DED1);
	transform: translateY(-100%); transition: transform .3s; max-height: 100vh; overflow-y: auto;
}
body.menu-open .mobile-panel { transform: translateY(0); }
.mobile-panel ul { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-direction: column; gap: 2px; }
.mobile-panel ul a {
	display: block; padding: 14px 0; font-size: 1.1rem; font-weight: 500;
	color: var(--ink, #1F1F1F); border-bottom: 1px solid var(--line-soft, #EFE9DC);
	text-decoration: none;
}
.mobile-panel ul ul a { padding-left: 18px; font-size: 1rem; color: var(--ink-soft, #3A3A3A); }
.mobile-panel ul a:hover,
.mobile-panel ul a:focus-visible { color: var(--red, #C8202F); }
.mobile-panel-cta { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.mobile-panel-cta .btn { width: 100%; }

/* --- 3. Custom footer ----------------------------------------------------- */
.thr-site-footer { background: var(--ink, #1F1F1F); color: var(--muted-on-dark, #C9BEAA); padding: 80px 0 28px; }
.thr-site-footer .foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }
.thr-site-footer .foot-logo img { height: 54px; width: auto; filter: brightness(0) invert(1); margin-bottom: 16px; opacity: .95; }
.thr-site-footer .foot-tag { color: #A99E89; font-size: .95rem; line-height: 1.6; max-width: 42ch; }
.thr-site-footer .foot-contact { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: .94rem; }
.thr-site-footer .foot-contact li { color: var(--muted-on-dark, #C9BEAA); line-height: 1.5; }
.thr-site-footer .foot-contact__label { color: #fff; font-weight: 600; margin-right: 4px; }
.thr-site-footer .foot-contact a { color: var(--muted-on-dark, #C9BEAA); text-decoration: none; transition: color .15s; }
.thr-site-footer .foot-contact a:hover { color: #fff; }
.thr-site-footer h4 {
	font-family: 'Inter', sans-serif; font-size: .78rem; letter-spacing: .18em; text-transform: uppercase;
	color: #fff; font-weight: 700; margin: 0 0 18px;
}
.thr-site-footer .foot-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.thr-site-footer .foot-links a { font-size: .94rem; color: var(--muted-on-dark, #C9BEAA); text-decoration: none; transition: color .15s, padding-left .15s; display: inline-block; padding: 4px 0; }
.thr-site-footer .foot-links a:hover { color: #fff; padding-left: 4px; }
.thr-site-footer .foot-bottom {
	border-top: 1px solid rgba(255,255,255,.08); padding-top: 28px;
	display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px;
	font-size: .84rem; color: #8A7F6B; text-align: center;
}
.thr-site-footer .foot-bottom a { color: #8A7F6B; text-decoration: none; }
.thr-site-footer .foot-bottom a:hover { color: #fff; }

/* --- 3a. Legal pages (Privacy Policy, Terms & Conditions) - basic page layout --- */
body.page-template-default #content.site-main {
	max-width: 800px !important;
	margin: 0 auto !important;
	padding: 64px 28px 96px !important;
	color: var(--ink-soft, #3A3A3A);
	font-size: 1rem;
	line-height: 1.7;
}
body.page-template-default #content.site-main .page-header { padding: 0; margin: 0 0 24px; border: 0; }
body.page-template-default #content.site-main h1.entry-title {
	font-family: 'Crimson Pro', 'Times New Roman', serif;
	font-size: clamp(2rem, 4vw, 2.8rem);
	font-weight: 700;
	color: var(--ink, #1F1F1F);
	margin: 0 0 8px;
	line-height: 1.15;
}
body.page-template-default #content.site-main .page-content h2 {
	font-family: 'Crimson Pro', 'Times New Roman', serif;
	font-size: clamp(1.4rem, 2.4vw, 1.7rem);
	font-weight: 700;
	color: var(--ink, #1F1F1F);
	margin: 48px 0 12px;
	line-height: 1.25;
}
body.page-template-default #content.site-main .page-content p { margin: 0 0 1em; }
body.page-template-default #content.site-main .page-content ul { margin: 0 0 1em; padding-left: 1.4em; }
body.page-template-default #content.site-main .page-content ul li { margin-bottom: 6px; }
body.page-template-default #content.site-main .page-content a {
	color: var(--red, #C8202F);
	text-decoration: underline;
	text-underline-offset: 2px;
}
body.page-template-default #content.site-main .page-content a:hover { text-decoration: none; }

/* --- 3b. Home credentials strip (AHRI / Greater Dandenong / Frankston) - centre the caption text --- */
.elementor-top-section:has(img[src*="ahri"]) p,
.elementor-top-section:has(img[src*="ahri"]) .e-paragraph-base { text-align: center; }

/* --- 4. RELEASE Elementor section/container constraints for our widgets --- */
/* When an Elementor section contains one of our custom widgets, kill its
   default padding + container width so the widget's own <section> can be
   full-bleed and apply its own padding/colour. */
.elementor-section:has(.elementor-widget-track_hero),
.elementor-section:has(.elementor-widget-track_trust_strip),
.elementor-section:has(.elementor-widget-track_case_carousel),
.elementor-section:has(.elementor-widget-track_feature_card),
.elementor-section:has(.elementor-widget-track_help_grid),
.elementor-section:has(.elementor-widget-track_service_tiles),
.elementor-section:has(.elementor-widget-track_page_hero),
.elementor-section:has(.elementor-widget-track_signup_form),
.elementor-section:has(.elementor-widget-track_intro),
.elementor-section:has(.elementor-widget-track_differentiators) ,
.elementor-section:has(.elementor-widget-track_client_types) ,
.elementor-section:has(.elementor-widget-track_lead_magnet) ,
.elementor-section:has(.elementor-widget-track_about_brenda) ,
.elementor-section:has(.elementor-widget-track_final_cta) ,
.elementor-section:has(.elementor-widget-track_overview_split, .elementor-widget-track_contact, .elementor-widget-track_about_page, .elementor-widget-track_faqs) {
	padding: 0 !important;
	margin: 0 !important;
}
.elementor-section:has(.elementor-widget-track_case_study) {
	padding: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.elementor-section:has(.elementor-widget-track_hero) > .elementor-container,
.elementor-section:has(.elementor-widget-track_trust_strip) > .elementor-container,
.elementor-section:has(.elementor-widget-track_case_carousel) > .elementor-container,
.elementor-section:has(.elementor-widget-track_feature_card) > .elementor-container,
.elementor-section:has(.elementor-widget-track_help_grid) > .elementor-container,
.elementor-section:has(.elementor-widget-track_service_tiles) > .elementor-container,
.elementor-section:has(.elementor-widget-track_page_hero) > .elementor-container ,
.elementor-section:has(.elementor-widget-track_differentiators) > .elementor-container ,
.elementor-section:has(.elementor-widget-track_client_types) > .elementor-container ,
.elementor-section:has(.elementor-widget-track_lead_magnet) > .elementor-container ,
.elementor-section:has(.elementor-widget-track_about_brenda) > .elementor-container ,
.elementor-section:has(.elementor-widget-track_final_cta) > .elementor-container ,
.elementor-section:has(.elementor-widget-track_overview_split, .elementor-widget-track_contact, .elementor-widget-track_about_page, .elementor-widget-track_case_study, .elementor-widget-track_faqs) > .elementor-container {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
}
/* The column inside also gets default 10px padding via .elementor-column-wrap */
.elementor-section:has(.elementor-widget-track_hero) .elementor-column,
.elementor-section:has(.elementor-widget-track_trust_strip) .elementor-column,
.elementor-section:has(.elementor-widget-track_case_carousel) .elementor-column,
.elementor-section:has(.elementor-widget-track_feature_card) .elementor-column,
.elementor-section:has(.elementor-widget-track_help_grid) .elementor-column,
.elementor-section:has(.elementor-widget-track_service_tiles) .elementor-column,
.elementor-section:has(.elementor-widget-track_page_hero) .elementor-column ,
.elementor-section:has(.elementor-widget-track_differentiators) .elementor-column ,
.elementor-section:has(.elementor-widget-track_client_types) .elementor-column ,
.elementor-section:has(.elementor-widget-track_lead_magnet) .elementor-column ,
.elementor-section:has(.elementor-widget-track_about_brenda) .elementor-column ,
.elementor-section:has(.elementor-widget-track_final_cta) .elementor-column ,
.elementor-section:has(.elementor-widget-track_overview_split, .elementor-widget-track_contact, .elementor-widget-track_about_page, .elementor-widget-track_case_study, .elementor-widget-track_faqs) .elementor-column {
	padding: 0 !important;
}
.elementor-section:has(.elementor-widget-track_hero) .elementor-widget,
.elementor-section:has(.elementor-widget-track_trust_strip) .elementor-widget,
.elementor-section:has(.elementor-widget-track_case_carousel) .elementor-widget,
.elementor-section:has(.elementor-widget-track_feature_card) .elementor-widget,
.elementor-section:has(.elementor-widget-track_help_grid) .elementor-widget,
.elementor-section:has(.elementor-widget-track_service_tiles) .elementor-widget,
.elementor-section:has(.elementor-widget-track_page_hero) .elementor-widget,
.elementor-section:has(.elementor-widget-track_signup_form),
.elementor-section:has(.elementor-widget-track_intro),
.elementor-section:has(.elementor-widget-track_differentiators) .elementor-widget ,
.elementor-section:has(.elementor-widget-track_client_types) .elementor-widget ,
.elementor-section:has(.elementor-widget-track_lead_magnet) .elementor-widget ,
.elementor-section:has(.elementor-widget-track_about_brenda) .elementor-widget ,
.elementor-section:has(.elementor-widget-track_final_cta) .elementor-widget ,
.elementor-section:has(.elementor-widget-track_overview_split, .elementor-widget-track_contact, .elementor-widget-track_about_page, .elementor-widget-track_case_study, .elementor-widget-track_faqs) .elementor-widget {
	margin-bottom: 0 !important;
}
.elementor-section:has(.elementor-widget-track_hero) .elementor-widget-container,
.elementor-section:has(.elementor-widget-track_trust_strip) .elementor-widget-container,
.elementor-section:has(.elementor-widget-track_case_carousel) .elementor-widget-container,
.elementor-section:has(.elementor-widget-track_feature_card) .elementor-widget-container,
.elementor-section:has(.elementor-widget-track_help_grid) .elementor-widget-container,
.elementor-section:has(.elementor-widget-track_service_tiles) .elementor-widget-container,
.elementor-section:has(.elementor-widget-track_page_hero) .elementor-widget-container ,
.elementor-section:has(.elementor-widget-track_differentiators) .elementor-widget-container ,
.elementor-section:has(.elementor-widget-track_client_types) .elementor-widget-container ,
.elementor-section:has(.elementor-widget-track_lead_magnet) .elementor-widget-container ,
.elementor-section:has(.elementor-widget-track_about_brenda) .elementor-widget-container ,
.elementor-section:has(.elementor-widget-track_final_cta) .elementor-widget-container ,
.elementor-section:has(.elementor-widget-track_overview_split, .elementor-widget-track_contact, .elementor-widget-track_about_page, .elementor-widget-track_case_study, .elementor-widget-track_faqs) .elementor-widget-container {
	padding: 0 !important;
}

/* Sections that have a background colour (set in the editor) — keep their
   colour, full-width, but allow Elementor's max-width container so their
   text columns are still readable. These are our prose sections like
   "Why Track HR" intro, About Brenda, final CTA. */
.elementor-section.elementor-section-boxed[data-settings*="background_color"] > .elementor-container {
	max-width: 1140px;
}

/* Hide Elementor section default min-height when our widget supplies one */
.elementor-section.elementor-section-height-default { min-height: 0; }

/* Hide Elementor's "Edit with Elementor" admin bar item interference */
body.admin-bar .thr-site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .thr-site-header { top: 46px; } }

/* --- 5. Responsive: hide desktop nav under 980px, show mobile toggle ------ */
@media (max-width: 980px) {
	.thr-site-header .nav-links { display: none; }
	.thr-site-header .menu-btn { display: inline-flex; }
	.thr-site-header .nav-cta .btn-ghost { display: none; }
	.thr-site-header .nav-cta .btn-primary { display: none; }
	.thr-site-header .nav { padding: 12px 0; }
	.thr-site-header .logo { margin-left: 12px; }
	.thr-site-header .logo img { height: 44px; }
	.thr-site-header .menu-btn { margin-right: 12px; }
	.mobile-panel { display: block; }
	.thr-site-footer .foot-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
	.thr-site-footer .foot-cta,
	.thr-site-footer .foot-signup { grid-column: 1 / -1; }
}
@media (max-width: 580px) {
	.thr-site-footer .foot-grid { grid-template-columns: 1fr; }
}

/* --- 6. Credentials row on home page -------------------------------------- */
/* Target the credential PNGs by filename so we constrain only those (not
   every image inside an inner-section). */
.elementor-widget-image img[src*="ahri.png"],
.elementor-widget-image img[src*="greater-dandenong.png"] {
	max-height: 96px;
	width: auto !important;
	object-fit: contain;
	margin: 0 auto;
	display: block;
}
.elementor-widget-image img[src*="business-excellence-awards.png"] {
	max-width: 190px;
	width: 190px !important;
	height: auto;
	max-height: none;
	object-fit: contain;
	margin: 0 auto;
	display: block;
}

/* Credentials row: vertically centred so all three logos share a common
   horizontal centre-line. Narrower row (max-width caps the border too), tighter
   gap between columns, reduced bottom padding. */
.elementor-section:has(img[src*="business-excellence-awards.png"]) {
	padding-bottom: 36px !important;
}
.elementor-inner-section:has(img[src*="business-excellence-awards.png"]) {
	border-top: 1px solid var(--line, #E5DED1);
	margin: 24px auto 0;
	padding-top: 24px;
	max-width: 880px;
}
/* Tighten column gap (Elementor default = 20px each side = 40px between cols) */
.elementor-inner-section:has(img[src*="business-excellence-awards.png"]) > .elementor-container {
	align-items: center;
	gap: 0;
}
.elementor-inner-section:has(img[src*="business-excellence-awards.png"]) > .elementor-container > .elementor-column {
	padding: 0 8px;
}
.elementor-inner-section:has(img[src*="business-excellence-awards.png"]) .elementor-column > .elementor-widget-wrap {
	align-content: center;
	justify-content: center;
	flex-direction: column;
	display: flex;
}

/* About Brenda image — large rounded portrait */
.elementor-widget-image img[src*="brenda.jpg"] {
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 22px;
	display: block;
	box-shadow: 0 24px 60px -28px rgba(40,18,18,.2);
}

/* --- 7. Service tiles widget — keep 16:9 image strip + proper card -------- */
.elementor-widget-track_service_tiles .svc-img { background: var(--cream-2, #F2EBE0); }

/* (moved Brenda image styling to section 6 so the bigger rule wins) */

/* --- 9. Style native Elementor buttons to match our brand ----------------- */
/* Default style = primary red */
.elementor-widget-button .elementor-button-link,
.elementor-widget-button .elementor-button {
	background-color: var(--red, #C8202F) !important;
	color: #fff !important;
	border: 1.5px solid transparent !important;
	border-radius: 999px !important;
	padding: 14px 26px !important;
	font-family: 'Inter', -apple-system, sans-serif !important;
	font-weight: 600 !important;
	font-size: .98rem !important;
	letter-spacing: .01em !important;
	min-height: 48px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: .55em !important;
	box-shadow: 0 10px 24px -10px rgba(200,32,47,.55) !important;
	transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease !important;
	text-decoration: none !important;
}
.elementor-widget-button .elementor-button-link:hover,
.elementor-widget-button .elementor-button:hover {
	background-color: var(--red-dark, #9C1521) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 28px -12px rgba(200,32,47,.55) !important;
}

/* --- 10. Kill the 10px gutter on .elementor-widget-wrap (real culprit) ---- */
.elementor-section:has(.elementor-widget-track_hero) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-track_trust_strip) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-track_case_carousel) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-track_feature_card) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-track_help_grid) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-track_service_tiles) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-track_page_hero) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-track_signup_form),
.elementor-section:has(.elementor-widget-track_intro),
.elementor-section:has(.elementor-widget-track_differentiators) .elementor-widget-wrap ,
.elementor-section:has(.elementor-widget-track_client_types) .elementor-widget-wrap ,
.elementor-section:has(.elementor-widget-track_lead_magnet) .elementor-widget-wrap ,
.elementor-section:has(.elementor-widget-track_about_brenda) .elementor-widget-wrap ,
.elementor-section:has(.elementor-widget-track_final_cta) .elementor-widget-wrap ,
.elementor-section:has(.elementor-widget-track_overview_split, .elementor-widget-track_contact, .elementor-widget-track_about_page, .elementor-widget-track_case_study, .elementor-widget-track_faqs) .elementor-widget-wrap {
	padding: 0 !important;
}

/* Also kill the gap that .elementor-section has via default min-height + container padding-block */
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_hero),
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_trust_strip),
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_case_carousel),
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_feature_card),
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_help_grid),
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_service_tiles),
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_page_hero),
.elementor-section.elementor-section-boxed:has(.elementor-widget-track_signup_form),
.elementor-section:has(.elementor-widget-track_intro),
.elementor-section:has(.elementor-widget-track_differentiators) ,
.elementor-section:has(.elementor-widget-track_client_types) ,
.elementor-section:has(.elementor-widget-track_lead_magnet) ,
.elementor-section:has(.elementor-widget-track_about_brenda) ,
.elementor-section:has(.elementor-widget-track_final_cta) ,
.elementor-section:has(.elementor-widget-track_overview_split, .elementor-widget-track_contact, .elementor-widget-track_about_page, .elementor-widget-track_case_study, .elementor-widget-track_faqs) {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* --- 11. Trust strip SVG icons — Lucide-style stroke-only -----------------
   The widget renders SVGs with inline fill="none" stroke="currentColor".
   Make sure those attributes are respected (no global !important fill rule). */
.trust-item .icon svg { stroke: currentColor; }
.trust-item .icon svg[fill="none"] { fill: none !important; }
.trust-item .icon svg[fill="none"] * { fill: none !important; }

/* --- 12. Client Types card icons (sprout / trending / building) ----------- */
.client-card .icon {
	width: 52px; height: 52px; border-radius: 12px;
	background: rgba(200,32,47,.1);
	color: var(--red, #C8202F);
	display: inline-flex; align-items: center; justify-content: center;
	margin-bottom: 18px;
}
.client-card .icon svg { width: 26px; height: 26px; display: block; }
/* Match trust strip rule so stroke-only SVGs aren't accidentally filled */
.client-card .icon svg[fill="none"],
.client-card .icon svg[fill="none"] * { fill: none !important; }

/* --- 13. Lead Magnet — overlay element (inline gradient comes from widget) - */
.magnet { position: relative; overflow: hidden; isolation: isolate; }
.magnet .magnet-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.magnet .magnet-overlay { position: absolute; inset: 0; z-index: -1; pointer-events: none; }