/* Nav "pills" (Figma: Navigation Pill) — WP core/navigation doesn't expose
   per-item padding/radius/active-background via block attributes. */
   
   main {
    padding: 0px 24px;
}

.wp-block-navigation-item > a {
	padding: var(--wp--preset--spacing--200) !important;
	border-radius: var(--wp--custom--radius--200, 8px);
}

.wp-block-navigation-item > a[aria-current="page"] {
	background-color: var(--wp--preset--color--background-secondary);
}

/* Section paddings/borders (Figma: Header, Footer, Hero Basic, Card Grid). */
.hdv-header {
	padding: var(--wp--preset--spacing--800);
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.hdv-footer {
	padding: var(--wp--preset--spacing--800) var(--wp--preset--spacing--800) var(--wp--preset--spacing--4000);
	border-top: 1px solid var(--wp--preset--color--border);
}

.hdv-hero {
	padding: var(--wp--preset--spacing--4000) var(--wp--preset--spacing--1600);
}

.hdv-card-grid-section {
	padding: var(--wp--preset--spacing--1600);
}

.hdv-card-grid-section > * + * {
	margin-top: var(--wp--preset--spacing--1200);
}

/* Hero title: 72px desktop / 48px mobile, tracking matched to Figma (-3% / -2%). */
.hdv-hero-title {
	letter-spacing: -2.16px;
}

@media ( max-width: 600px ) {
	.hdv-hero-title {
		font-size: 3rem !important;
		letter-spacing: -0.96px;
	}

	/* Hero keeps its 160px vertical padding on mobile (Figma), only horizontal shrinks. */
	.hdv-hero,
	.hdv-hero-contact {
		padding-left: var(--wp--preset--spacing--600) !important;
		padding-right: var(--wp--preset--spacing--600) !important;
	}

	/* Card grid section shrinks padding on all 4 sides on mobile (Figma). */
	.hdv-card-grid-section {
		padding: var(--wp--preset--spacing--600) !important;
	}

	/* Footer loses its large bottom padding on mobile (Figma: 32px all sides). */
	.hdv-footer {
		padding: var(--wp--preset--spacing--800) !important;
	}
}