/*
 * Bermark header cosmetics.
 *
 * Every rule is scoped to the active Twenty Twenty-Four header template part.
 * The navigation markup and Customer System account entry remain untouched.
 */

/* Compact the header's existing outer group without changing page content. */
header.wp-block-template-part > .wp-block-group:first-child {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

/* Keep the compact header and navigation balanced on tablet widths. */
@media (min-width: 782px) and (max-width: 1199px) {
	header.wp-block-template-part .wp-block-navigation__container {
		gap: 0.75rem;
	}
}

/* Match the compact header to the Twenty Twenty-Four mobile navigation. */
@media (max-width: 781px) {
	header.wp-block-template-part > .wp-block-group:first-child {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

/*
 * Latest page only: Twenty Twenty-Four's page template inserts a 6.5rem/8vw
 * spacer before the generated page title. Keep a deliberate gap, but remove
 * the oversized template default without changing other pages.
 */
body.page-id-21007 main.wp-block-group > .wp-block-group:first-child > .wp-block-spacer:first-child {
	height: 60px !important;
}

@media (min-width: 782px) and (max-width: 1199px) {
	body.page-id-21007 main.wp-block-group > .wp-block-group:first-child > .wp-block-spacer:first-child {
		height: 48px !important;
	}
}

@media (max-width: 781px) {
	body.page-id-21007 main.wp-block-group > .wp-block-group:first-child > .wp-block-spacer:first-child {
		height: 32px !important;
	}
}