/* ==================================================
   VALA HOMEPAGE — BACKGROUND ZONES (band + geometric cut)

   Model:
   • Each band = `.vala-bg-zone--*` + `.vala-bg-boundary` under it.
   • **Sharp slant, no white wedges:** boundary `background` = lower band; `::before` = upper band + `clip-path` polygon.
     Clipped-away area shows the base (lower color), not the page.
   • Steeper diagonal: lower `--vala-geo-cut` on `html:has(#vala-main.vala-homepage)` (e.g. 24%–34%).

   Edit `--vala-band-*-bg` on `html:has(#vala-main.vala-homepage)`.
================================================== */

/* Palette + geometry tokens (html: overscroll + zones inherit) */
html:has(#vala-main.vala-homepage) {
	--vala-boundary-h: clamp(56px, 7.2vw, 104px);
	--vala-geo-cut: 30%;

	/* Announcement strip only — do not use on html/body (see --vala-homepage-canvas-bg) */
	--vala-band-announcement-bg:
		linear-gradient(
			90deg,
			#22e0c4 0%,
			#35c7ff 52%,
			#5b7cff 100%
		);

	/* Neutral page canvas — html/body only (not announcement, not hero) */
	--vala-homepage-canvas-bg: #eef7f8;

	/* Nav + hero band — .vala-hero-section only (see vala-landing-hero-section.css) */
	--vala-band-hero-bg: #152a40;
	--vala-band-start-bg: #eafbf4;
	--vala-band-why-bg: #f2f8fc;
	--vala-band-explain-bg: #fdf4e8;
	/* Slightly cooler wash vs “Nasıl çalışır” band — reads as its own block before İlişki Uzayı */
	--vala-band-explain-fa-bg: #f5f0ff;
	--vala-band-proof-insights-bg: #fdf2ee;
	--vala-band-proof-scenarios-bg: #f4f1ff;
	--vala-band-proof-tail-bg: #e0e7ff;
	--vala-band-proof-final-bg: #fafafa;
	--vala-band-landing-close-bg: #0b1220;
}

/* Legacy absolute wave stack — DOM retained for rollback; must not paint */
main.vala-homepage.vala-onboarding-shell .vala-section-bg-system,
main.vala-homepage .vala-section-bg-system {
	display: none !important;
}

main#vala-main.vala-homepage {
	--vala-zone-hero-bg: var(--vala-band-hero-bg);
	--vala-zone-start-bg: var(--vala-band-start-bg);
	--vala-zone-why-bg: var(--vala-band-why-bg);
	--vala-zone-explain-how-bg: var(--vala-band-explain-bg);
	--vala-zone-explain-fa-bg: var(--vala-band-explain-fa-bg);
	--vala-zone-proof-insights-bg: var(--vala-band-proof-insights-bg);
	--vala-zone-proof-scenarios-bg: var(--vala-band-proof-scenarios-bg);
	--vala-zone-proof-tail-bg: var(--vala-band-proof-tail-bg);
	--vala-zone-proof-final-bg: var(--vala-band-proof-final-bg);
	--vala-zone-landing-close-bg: var(--vala-band-landing-close-bg);

	/* Transparent shell — zone bands paint below; avoids neutral/white gutter above top stack */
	background: transparent;
}

main#vala-main.vala-homepage.vala-homepage--has-landing-close {
	background: var(--vala-band-landing-close-bg);
}

main.vala-homepage.vala-onboarding-shell .vala-onboarding-panel--marketing {
	position: relative;
	overflow-x: clip;
	isolation: isolate;
	background: transparent;
}

/* Zones: clipping + stacking; backgrounds applied by modifier */
main#vala-main.vala-homepage .vala-bg-zone {
	position: relative;
	isolation: isolate;
	overflow-x: clip;
	margin: 0;
	padding: 0;
}

main#vala-main.vala-homepage .vala-bg-zone > * {
	position: relative;
	z-index: 2;
}

/* Top announcement + hero: own surfaces (not .vala-bg-zone--hero) */
main#vala-main.vala-homepage {
	margin-top: 0;
	padding-top: 0;
}

main#vala-main.vala-homepage .vala-onboarding-panel--marketing {
	margin-top: 0;
	padding-top: 0;
}

/* Announcement strip — component-owned gradient (never on html/body) */
main#vala-main.vala-homepage .vala-top-announcement {
	position: relative;
	z-index: 2;
	isolation: isolate;
	overflow-x: clip;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--vala-band-announcement-bg);
}

/* Hero — structure only; dark/radial fill in vala-landing-hero-section.css */
main#vala-main.vala-homepage .vala-hero-section {
	position: relative;
	z-index: 1;
	isolation: isolate;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent;
}

main#vala-main.vala-homepage .vala-bg-zone--start {
	background: var(--vala-zone-start-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--why {
	background: var(--vala-zone-why-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--explain-how {
	background: var(--vala-zone-explain-how-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--explain-fa {
	background: var(--vala-zone-explain-fa-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--proof-insights {
	background: var(--vala-zone-proof-insights-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--proof-scenarios {
	background: var(--vala-zone-proof-scenarios-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--proof-tail {
	background: var(--vala-zone-proof-tail-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--proof-final {
	background: var(--vala-zone-proof-final-bg);
}

main#vala-main.vala-homepage .vala-bg-zone--landing-close {
	background: var(--vala-zone-landing-close-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary {
	--vala-b-from: transparent;
	--vala-b-to: transparent;
	position: relative;
	z-index: 1;
	height: var(--vala-boundary-h, clamp(56px, 7.2vw, 104px));
	overflow: hidden;
	pointer-events: none;
	background: var(--vala-b-to);
	border: 0;
	outline: none;
}

main#vala-main.vala-homepage .vala-bg-boundary::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--vala-b-from);
	border: 0;
	outline: none;
}

main.vala-homepage.vala-onboarding-shell .vala-section-debug-label {
	z-index: 50;
}

main.vala-homepage.vala-onboarding-shell .vala-onboarding-panel--marketing > *:not(.vala-section-bg-system) {
	position: relative;
	z-index: 1;
}

/* Section / scene shells paint from the zone; FA block keeps its own surface (#analiz-motoru excluded) */
main#vala-main.vala-homepage .vala-bg-zone .vala-home-section:not(#analiz-motoru),
main#vala-main.vala-homepage .vala-bg-zone .vala-os-scene,
main#vala-main.vala-homepage .vala-bg-zone .vala-landing-section:not(#analiz-motoru) {
	background: transparent;
}

/* Inner announcement shell — transparent; gradient on .vala-top-announcement only */
main#vala-main.vala-homepage .vala-top-announcement .vala-announcement,
main#vala-main.vala-homepage .vala-top-announcement .vala-landing-announcement {
	margin: 0;
	padding: 0;
	border: 0;
	min-height: 0;
	background: transparent;
}

/* Hero section: transparent shells so .vala-hero-section background reads through */
main#vala-main.vala-homepage .vala-hero-section .vala-home-section,
main#vala-main.vala-homepage .vala-hero-section .vala-landing-section,
main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-hero-section header.vala-landing-hero.vala-os-scene--hero,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-hero-section header.vala-landing-hero,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-hero-section .vala-landing-hero {
	background: transparent;
}

/* Hero zone ends at header; choice block lives in start zone — no double-gap at #vala-baslangic */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-bg-zone--start #vala-baslangic.vala-landing-choice-inline,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-bg-zone--start #vala-baslangic.vala-landing-section--scene,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-bg-zone--start #vala-baslangic.vala-os-scene--choice {
	margin-top: 0;
}

main#vala-main.vala-homepage .vala-bg-boundary + .vala-bg-zone {
	margin-top: 0;
}

/* --- Sharp band hand-offs (polygon alternates) --- */

main#vala-main.vala-homepage .vala-bg-boundary--01 {
	--vala-b-from: var(--vala-band-hero-bg);
	--vala-b-to: var(--vala-band-start-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--01::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 var(--vala-geo-cut, 30%));
}

main#vala-main.vala-homepage .vala-bg-boundary--start-why {
	--vala-b-from: var(--vala-band-start-bg);
	--vala-b-to: var(--vala-band-why-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--start-why::before {
	clip-path: polygon(0 0, 100% 0, 100% var(--vala-geo-cut, 30%), 0 100%);
}

/* Start (mint) → Senaryolar (lavender proof band) */
main#vala-main.vala-homepage .vala-bg-boundary--start-scenarios {
	--vala-b-from: var(--vala-band-start-bg);
	--vala-b-to: var(--vala-band-proof-scenarios-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--start-scenarios::before {
	clip-path: polygon(0 0, 100% 0, 100% var(--vala-geo-cut, 30%), 0 100%);
}

/* Senaryolar → İlişki uzayı (proof-scenarios → proof-insights) */
main#vala-main.vala-homepage .vala-bg-boundary--scenarios-insights {
	--vala-b-from: var(--vala-band-proof-scenarios-bg);
	--vala-b-to: var(--vala-band-proof-insights-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--scenarios-insights::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 var(--vala-geo-cut, 30%));
}

/* İlişki uzayı → Neden Vala */
main#vala-main.vala-homepage .vala-bg-boundary--insights-why {
	--vala-b-from: var(--vala-band-proof-insights-bg);
	--vala-b-to: var(--vala-band-why-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--insights-why::before {
	clip-path: polygon(0 0, 100% 0, 100% var(--vala-geo-cut, 30%), 0 100%);
}

/* FA (lavender wash) → Güvenlik tail band */
main#vala-main.vala-homepage .vala-bg-boundary--fa-tail {
	--vala-b-from: var(--vala-band-explain-fa-bg);
	--vala-b-to: var(--vala-band-proof-tail-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--fa-tail::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 var(--vala-geo-cut, 30%));
}

main#vala-main.vala-homepage .vala-bg-boundary--02 {
	--vala-b-from: var(--vala-band-why-bg);
	--vala-b-to: var(--vala-band-explain-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--02::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 var(--vala-geo-cut, 30%));
}

/* Nasıl çalışır (peach) → Finansal asistan (soft violet wash) */
main#vala-main.vala-homepage .vala-bg-boundary--explain-split {
	--vala-b-from: var(--vala-band-explain-bg);
	--vala-b-to: var(--vala-band-explain-fa-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--explain-split::before {
	clip-path: polygon(0 0, 100% 0, 100% var(--vala-geo-cut, 30%), 0 100%);
}

main#vala-main.vala-homepage .vala-bg-boundary--03 {
	--vala-b-from: var(--vala-band-explain-fa-bg);
	--vala-b-to: var(--vala-band-proof-insights-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--03::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 var(--vala-geo-cut, 30%));
}

main#vala-main.vala-homepage .vala-bg-boundary--proof-a {
	--vala-b-from: var(--vala-band-proof-insights-bg);
	--vala-b-to: var(--vala-band-proof-scenarios-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--proof-a::before {
	clip-path: polygon(0 0, 100% 0, 100% var(--vala-geo-cut, 30%), 0 100%);
}

main#vala-main.vala-homepage .vala-bg-boundary--proof-b {
	--vala-b-from: var(--vala-band-proof-scenarios-bg);
	--vala-b-to: var(--vala-band-proof-tail-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--proof-b::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 var(--vala-geo-cut, 30%));
}

main#vala-main.vala-homepage .vala-bg-boundary--proof-c {
	--vala-b-from: var(--vala-band-proof-tail-bg);
	--vala-b-to: var(--vala-band-proof-final-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--proof-c::before {
	clip-path: polygon(0 0, 100% 0, 100% var(--vala-geo-cut, 30%), 0 100%);
}

main#vala-main.vala-homepage .vala-bg-boundary--tail-close {
	--vala-b-from: var(--vala-band-proof-tail-bg);
	--vala-b-to: var(--vala-band-landing-close-bg);
}

main#vala-main.vala-homepage .vala-bg-boundary--tail-close::before {
	clip-path: polygon(0 0, 100% 0, 100% var(--vala-geo-cut, 30%), 0 100%);
}

/*
 * Viewport canvas (html/body): neutral homepage base — NOT the announcement gradient.
 * The announcement paints only on section.vala-top-announcement.
 * Do not use margin shorthand on html — WP admin-bar uses margin-top: 32px !important.
 */
html:has(#vala-main.vala-homepage) {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	background: var(--vala-homepage-canvas-bg);
}

body:has(#vala-main.vala-homepage) {
	margin: 0;
	padding: 0;
	background: var(--vala-homepage-canvas-bg);
}

/* Blocksy / theme wrappers — kill top padding + default white behind #vala-main */
body:has(#vala-main.vala-homepage) #page,
body:has(#vala-main.vala-homepage) .site,
body:has(#vala-main.vala-homepage) #main-container,
body:has(#vala-main.vala-homepage) .site-main,
body:has(#vala-main.vala-homepage) .site-content,
body:has(#vala-main.vala-homepage) .entry-content,
body:has(#vala-main.vala-homepage) .ct-container,
body:has(#vala-main.vala-homepage) .ct-container-full,
body:has(#vala-main.vala-homepage) #content {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background: transparent !important;
}

/* Homepage: inner marketing shells transparent so zone / main band colors read through */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #vala-baslangic.vala-os-scene--choice.vala-landing-choice-inline,
main#vala-main.vala-homepage .vala-os-scene--why,
main#vala-main.vala-homepage .vala-os-scene--how,
main#vala-main.vala-homepage .vala-os-scene--insights,
main#vala-main.vala-homepage .vala-os-scene--analysis,
main#vala-main.vala-homepage .vala-os-scene--scenarios,
main#vala-main.vala-homepage .vala-os-scene--privacy,
main#vala-main.vala-homepage #vala-landing-close.vala-landing-close,
main#vala-main.vala-homepage #erken-erisim.vala-final-notes-section,
main#vala-main.vala-homepage .vala-os-scene--final-notes,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #neden-vala,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #nasil-calisir,
main#vala-main.vala-homepage #vala-insights,
main#vala-main.vala-homepage #vala-scenarios,
main#vala-main.vala-homepage #guvenlik,
main#vala-main.vala-homepage .vala-landing-section--light {
	background: transparent;
}

/* FA orbit — full dark band + seamless band hand-offs (no lavender/white wedges) */
main#vala-main.vala-homepage .vala-bg-zone--explain-fa:has(#analiz-motoru.vala-fa-hero--orbit),
.vala-bg-zone--explain-fa:has(#analiz-motoru.vala-fa-hero--orbit) {
	background: linear-gradient(165deg, #01050f 0%, #061426 42%, #020713 100%);
}

main#vala-main.vala-homepage .vala-bg-zone--explain-fa:has(#analiz-motoru.vala-fa-hero--orbit) > .vala-os-scene--analysis,
main#vala-main.vala-homepage .vala-bg-zone--explain-fa:has(#analiz-motoru.vala-fa-hero--orbit) #analiz-motoru.vala-fa-hero--orbit {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

main#vala-main.vala-homepage:has(#analiz-motoru.vala-fa-hero--orbit) .vala-bg-boundary--explain-split {
	--vala-b-to: #061426;
}

main#vala-main.vala-homepage:has(#analiz-motoru.vala-fa-hero--orbit) .vala-bg-boundary--fa-tail {
	--vala-b-from: #061426;
}

main#vala-main.vala-homepage:has(#analiz-motoru.vala-fa-hero--orbit) .vala-bg-boundary--explain-split,
main#vala-main.vala-homepage:has(#analiz-motoru.vala-fa-hero--orbit) .vala-bg-boundary--fa-tail {
	height: clamp(40px, 5vw, 72px);
}

/* Hide layout debug labels on the public homepage */
main#vala-main.vala-homepage .vala-section-debug-label {
	display: none !important;
}

/* Strip How-it-works section tint / blooms so explain-zone color is the only wash */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #nasil-calisir {
	background: transparent;
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #nasil-calisir::before,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #nasil-calisir::after {
	content: none;
	display: none;
}

/* Strip Why-Vala decorative blooms on homepage so start-zone color is sole wash */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #neden-vala.vala-landing-section--features-scene::before,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #neden-vala.vala-landing-section--features-scene::after {
	content: none;
	display: none;
}

/* =============================================================================
 * ANNOUNCEMENT DISMISS — collapse root section (not only inner .vala-announcement)
 * ============================================================================= */

main#vala-main.vala-homepage .vala-top-announcement.is-dismissed,
main#vala-main.vala-homepage .vala-top-announcement[hidden],
main#vala-main.vala-homepage .vala-top-announcement:has(.vala-announcement.is-hidden),
main#vala-main.vala-homepage .vala-top-announcement:has(.vala-announcement[hidden]) {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

main#vala-main.vala-homepage .vala-onboarding-panel--marketing > .vala-top-announcement.is-dismissed,
main#vala-main.vala-homepage .vala-onboarding-panel--marketing > .vala-top-announcement[hidden] {
	margin-top: 0;
	margin-bottom: 0;
}

main#vala-main.vala-homepage .vala-announcement.is-hidden,
main#vala-main.vala-homepage .vala-announcement[hidden] {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

/* =============================================================================
 * TOP STACK FLUSH — no neutral strip above announcement / hero
 * ============================================================================= */

/*
 * vala-onboarding-redesign.css — main/panel default to #fff (reads as blank band
 * when html canvas peeks through any wrapper gap). Homepage shells stay transparent.
 */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium,
main#vala-main.vala-homepage.vala-page.vala-onboarding-shell.vala-landing-v2--premium {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background: transparent !important;
}

body:has(#vala-main.vala-homepage) .vala-landing-v2--premium.vala-onboarding-shell .vala-onboarding-panel--marketing,
body:has(#vala-main.vala-homepage).vala-page-body {
	background: transparent !important;
}

/* vala-layout.css — shell gradient on body/main must not show above top stack */
body.vala-page-body:has(#vala-main.vala-homepage) {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/*
 * Body-injected <noscript> / <link> nodes (wp_head output) sit before #main-container.
 * The inline <noscript> line box reserves ~26px (body line-height × font-size) above the stack.
 */
body:has(main#vala-main.vala-homepage) {
	line-height: 0 !important;
}

body:has(main#vala-main.vala-homepage) > noscript {
	display: none !important;
}

/*
 * Blocksy page shell (template-parts/single.php → page.php):
 *   main#main.site-main
 *     section.hero-section[data-type="type-2"]   ← default page title band (~250px min-height)
 *     div.ct-container-full[data-vertical-spacing] ← padding-top: var(--theme-content-vertical-spacing) ~60px
 *       main#vala-main … section.vala-top-announcement
 * Prior resets only zeroed .hero-section[data-type="type-1"], not type-2.
 */
body:has(main#vala-main.vala-homepage) #main-container > header,
body:has(main#vala-main.vala-homepage) #main-container > #header,
body:has(main#vala-main.vala-homepage) #main-container > .ct-header {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

body:has(main#vala-main.vala-homepage) main#main.site-main,
html:has(main#vala-main.vala-homepage) main#main.site-main {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body:has(main#vala-main.vala-homepage) main#main.site-main > .hero-section,
html:has(main#vala-main.vala-homepage) main#main.site-main > .hero-section {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

body:has(main#vala-main.vala-homepage) main#main.site-main > :is(.ct-container-full, .ct-container, .ct-container-narrow)[data-vertical-spacing],
html:has(main#vala-main.vala-homepage) main#main.site-main > :is(.ct-container-full, .ct-container, .ct-container-narrow)[data-vertical-spacing] {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Blocksy: vertical spacing + layout wrappers (no top inset before #vala-main) */
body:has(main#vala-main.vala-homepage) [data-vertical-spacing],
body:has(main#vala-main.vala-homepage) [data-vertical-spacing*="top"] {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body:has(main#vala-main.vala-homepage) #page,
body:has(main#vala-main.vala-homepage) .site,
body:has(main#vala-main.vala-homepage) #main-container,
body:has(main#vala-main.vala-homepage) #primary,
body:has(main#vala-main.vala-homepage) .site-main,
body:has(main#vala-main.vala-homepage) .site-content,
body:has(main#vala-main.vala-homepage) .ct-container,
body:has(main#vala-main.vala-homepage) .ct-container-full,
body:has(main#vala-main.vala-homepage) .ct-inner-content,
body:has(main#vala-main.vala-homepage) article.type-page,
body:has(main#vala-main.vala-homepage) article.page {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body:has(main#vala-main.vala-homepage) #main-container {
	line-height: var(--theme-line-height, 1.65);
}

/* No duplicate admin-bar offset — WP uses html margin-top when logged in */
body.admin-bar:has(main#vala-main.vala-homepage),
html.admin-bar:has(main#vala-main.vala-homepage) {
	padding-top: 0 !important;
}

/* vala-layout.css — decorative wash on main.vala-page (not the announcement band) */
main#vala-main.vala-homepage.vala-page::before,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium::before,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium::after {
	content: none !important;
	display: none !important;
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing::before,
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing::after {
	content: none !important;
	display: none !important;
}

main#vala-main.vala-homepage > #vala-onboarding-exit-notice[hidden] {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium > .vala-onboarding-panel--marketing {
	margin-top: 0 !important;
	padding-top: 0 !important;
	display: flow-root;
}

main#vala-main.vala-homepage .vala-onboarding-panel--marketing > .vala-section-bg-system {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
}

main#vala-main.vala-homepage .vala-onboarding-panel--marketing > .vala-top-announcement,
main#vala-main.vala-homepage .vala-onboarding-panel--marketing > .vala-hero-section {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

main#vala-main.vala-homepage .vala-top-announcement .vala-announcement.vala-home-section,
main#vala-main.vala-homepage .vala-top-announcement .vala-home-section {
	padding-block: 0 !important;
	margin-block: 0 !important;
	min-height: 0 !important;
}

/* vala-onboarding-redesign.css — global .vala-announcement dark slab (shadow reads as top gutter) */
main#vala-main.vala-homepage .vala-top-announcement .vala-announcement {
	box-shadow: none !important;
	border-bottom: 0 !important;
}

/* Dismissed: hero is first band — no canvas strip between admin bar and hero */
main#vala-main.vala-homepage
	.vala-onboarding-panel--marketing:not(
		:has(.vala-top-announcement:not(.is-dismissed, [hidden]))
	)
	> .vala-hero-section {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

main#vala-main.vala-homepage:has(.vala-top-announcement.is-dismissed, .vala-top-announcement[hidden])
	.vala-hero-section {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/*
 * Logged-in: WP admin bar offsets via html { margin-top } only — never duplicate on body/main.
 * (No body.admin-bar padding-top rules here.)
 */