@media (min-width: 1024px) {
	header.site-header > .wp-block-group > .wp-block-group {
		height: 64px;
		align-items: center;
	}
	.site-header .mcdp-header-linkedin {
		display: flex;
		align-items: center;
	}
	.site-header > .wp-block-group > .wp-block-group > .wp-block-image:first-child {
		/* The visible badge is centered at y=76.3427 in its 166.955 SVG.
		 * Align that center with the 92px bar's bottom edge at 191px wide. */
		margin-top: -9.34px;
	}
	/* Remove the inline button's baseline gap so the visible pill is centered. */
	.site-header .wp-block-button {
		display: flex;
		align-items: center;
	}
	.site-header .wp-block-group > .wp-block-group > .wp-block-group:last-child > figure {
		margin: 0;
		align-self: center;
	}
}
/* ---------- header: 92px translucent bar, overhanging logo ---------- */
header.site-header {
	z-index: 200;
}
header.site-header > .wp-block-group {
	min-height: 92px;
	overflow: visible;
	transition: background-color 250ms ease, backdrop-filter 250ms ease, -webkit-backdrop-filter 250ms ease;
}
/* logged-in admin bar (32px desktop / 46px mobile): keep the overlay header below it */
@media (min-width: 1024px) {
	header.site-header > .wp-block-group {
		box-sizing: border-box;
		height: 92px;
		padding-top: 14px;
		padding-bottom: 14px;
		background: rgba(255, 255, 255, 0.76);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), inset 0 -1px 0 rgba(255, 255, 255, 0.3);
	}
	header.site-header > .wp-block-group > .wp-block-group {
		position: relative;
		width: 1504px;
		max-width: min(1504px, 100vw - 96px);
	}
	.site-header .wp-block-navigation {
		position: absolute;
		left: 50%;
		top: 50%;
		width: max-content;
		min-width: 571px;
		transform: translate(-50%, -50%);
	}
	.site-header .wp-block-navigation__responsive-container {
		width: 100%;
	}
	.site-header .wp-block-group > .wp-block-group > .wp-block-group:last-child {
		margin-left: auto;
	}
	.mcdp-hero-home .wp-block-cover__inner-container {
		transform: translateY(76px);
	}
	body.home .mcdp-label-Who-We-Are {
		overflow: hidden;
		min-height: 0;
	}
	body.admin-bar header.site-header {
		top: 32px;
	}
	body.admin-bar.home .wp-block-post-content > .mcdp-section:not(.wp-block-cover),
	body.admin-bar.home .wp-block-cover.mcdp-section {
		min-height: calc(100vh - 32px);
	}
}
.site-header .wp-block-image:first-child {
	/* design: logo top pinned 18px inside the 92px bar, overhanging BELOW it */
	align-self: flex-start;
	margin: 4px 0 -48px;
}
.site-header .wp-block-image:first-child img {
	width: 191px;
	--mcdp-inline-width: 191px;
	filter: drop-shadow(0 6px 14px rgba(10, 25, 40, 0.25));
}
.site-header .mcdp-header-linkedin img,
.site-header a[aria-label="Motor City Dental Partners on LinkedIn"] img {
	width: 38px;
	height: 38px;
}
.site-header :is(.mcdp-header-linkedin, .mcdp-mobile-drawer-linkedin) {
	position: relative;
	border-radius: 6px;
}
.site-header :is(.mcdp-header-linkedin, .mcdp-mobile-drawer-linkedin) img {
	display: block;
}
/* Reveal the light CTA palette across the icon without stretching its letters. */
.site-header :is(.mcdp-header-linkedin, .mcdp-mobile-drawer-linkedin)::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url("../../../img/linkedin-fill.svg") center / contain no-repeat;
	clip-path: inset(0 100% 0 0);
	transition: clip-path var(--mcdp-cta-duration) var(--mcdp-cta-ease);
	pointer-events: none;
}
.site-header .mcdp-mobile-drawer-linkedin::after {
	/* Preserve the drawer's 48px touch target around its 28px icon. */
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
}
.site-header :is(.mcdp-header-linkedin, .mcdp-mobile-drawer-linkedin):is(:hover, :focus-visible)::after {
	clip-path: inset(0);
}
.site-header :is(.mcdp-header-linkedin, .mcdp-mobile-drawer-linkedin):focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-alt, #6fb0e0);
	outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
	.site-header :is(.mcdp-header-linkedin, .mcdp-mobile-drawer-linkedin)::after {
		transition: none;
	}
}
.site-header .wp-block-navigation .wp-block-navigation__container {
	gap: 63px;
}
.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	position: relative;
	display: inline-flex;
	text-decoration: none !important;
}
.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: -6px;
	bottom: -8px;
	width: calc(100% + 12px);
	height: 2px;
	border-radius: 999px;
	background: var(--wp--preset--color--eyebrow, #2c6396);
	opacity: 0;
	transform: scaleX(0);
	transform-origin: left center;
	transition: opacity 200ms ease-out,
		transform 200ms ease-out;
}
.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover::after, .site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible::after,
.site-header .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after, .site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]::after {
	opacity: 1;
	transform: scaleX(1);
}
.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible {
	border-radius: 2px;
	outline: 2px solid var(--wp--preset--color--eyebrow, #2c6396);
	outline-offset: 8px;
}
@media (min-width: 1024px) {
	.site-header .mcdp-primary-menu > .menu-item-has-children {
		position: relative;
		display: flex;
		align-items: center;
	}
	.site-header .mcdp-primary-menu > .menu-item-has-children > .mcdp-submenu-toggle {
		display: grid;
		place-items: center;
		width: 22px;
		height: 28px;
		margin: 0 0 0 7px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #1e3040;
		cursor: pointer;
	}
	.mcdp-submenu-toggle__icon {
		display: block;
		width: 7px;
		height: 7px;
		border-right: 1.5px solid currentColor;
		border-bottom: 1.5px solid currentColor;
		transform: translateY(-2px) rotate(45deg);
		transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
	}
	.site-header .mcdp-primary-menu > .menu-item-has-children.is-submenu-open > .mcdp-submenu-toggle .mcdp-submenu-toggle__icon {
		transform: translateY(2px) rotate(225deg);
	}
	.site-header .mcdp-primary-menu > .menu-item-has-children > .mcdp-submenu-toggle:focus-visible {
		border-radius: 4px;
		outline: 2px solid var(--wp--preset--color--eyebrow, #2c6396);
		outline-offset: 2px;
	}
	.site-header .mcdp-primary-menu > .menu-item-has-children > .wp-block-navigation__submenu-container {
		box-sizing: border-box;
		display: flex;
		position: absolute;
		top: calc(100% + 14px);
		left: 50%;
		z-index: 30;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 3px;
		width: max-content;
		min-width: 216px;
		height: auto;
		min-height: 0;
		margin: 0;
		padding: 8px;
		border: 1px solid rgba(111, 176, 224, 0.3);
		border-radius: 10px;
		background: linear-gradient(160deg, rgba(42, 79, 91, 0.99) 0%, rgba(12, 29, 42, 0.99) 100%);
		box-shadow: 0 18px 42px rgba(7, 19, 29, 0.28);
		opacity: 0;
		overflow: visible;
		pointer-events: none;
		transform: translate(-50%, 10px);
		visibility: hidden;
		transition: opacity 180ms ease,
			transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
			visibility 0s linear 280ms;
	}
	.site-header .mcdp-primary-menu > .menu-item-has-children > .wp-block-navigation__submenu-container::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 16px;
	}
	.site-header .mcdp-primary-menu > .menu-item-has-children > .wp-block-navigation__submenu-container::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: calc(100% - 1px);
		width: 10px;
		height: 10px;
		border-top: 1px solid rgba(111, 176, 224, 0.3);
		border-left: 1px solid rgba(111, 176, 224, 0.3);
		background: #2a4f5b;
		transform: translateX(-50%) rotate(45deg);
	}
	/* Keyboard access is handled by navigation.js (focusin opens, i.e. sets
	   .is-submenu-open). A :focus-within selector here would override the JS
	   state: the toggle keeps focus after closing, so the dropdown could
	   never visually close while aria-expanded reports false. */
	.site-header .mcdp-primary-menu > .menu-item-has-children:hover > .wp-block-navigation__submenu-container,
	.site-header .mcdp-primary-menu > .menu-item-has-children.is-submenu-open > .wp-block-navigation__submenu-container {
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0);
		visibility: visible;
		transition-delay: 0s;
	}
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container > li {
		display: block;
		width: 100%;
		height: auto;
		min-height: 0;
		margin: 0;
	}
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		box-sizing: border-box;
		display: block;
		position: relative;
		width: 100%;
		min-height: 0;
		padding: 11px 14px 11px 29px;
		border-radius: 7px;
		color: #e7f0f5;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.35;
		letter-spacing: 0.1px;
		text-decoration: none !important;
		transition: color 180ms ease, background-color 180ms ease, transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
	}
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
		content: "";
		position: absolute;
		left: 14px;
		top: 50%;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: var(--wp--preset--color--primary-alt, #6fb0e0);
		box-shadow: 0 0 0 4px rgba(111, 176, 224, 0.12);
		transform: translateY(-50%);
		transition: box-shadow 180ms ease, transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
	}
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
		background: rgba(111, 176, 224, 0.14);
		color: #fff;
		transform: translateX(3px);
	}
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover::before,
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible::before {
		box-shadow: 0 0 0 6px rgba(111, 176, 224, 0.16);
		transform: translateY(-50%) scale(1.12);
	}
	.site-header .mcdp-primary-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
		outline: 2px solid var(--wp--preset--color--eyebrow, #2c6396);
		outline-offset: -2px;
	}
}
.site-header .wp-block-group > .wp-block-group {
	gap: 26px;
}
.site-header .wp-block-button__link {
	padding: 18px 34px !important;
	--mcdp-inline-padding-top: 18px;
	font-size: 14px;
	--mcdp-inline-font-size: 14px;
	letter-spacing: 1.4px;
	line-height: 1.2;
	white-space: nowrap;
}
@media (max-width: 1023px) {
	/* Position (fixed) and z-index for this range live in responsive/sections.css. */
	header.site-header > .wp-block-group {
		box-sizing: border-box;
		min-height: 104px;
		padding: 8px 16px;
	}
	header.site-header > .wp-block-group > .wp-block-group {
		display: grid;
		grid-template-columns: 88px 28px minmax(0, 1fr);
		align-items: center;
		gap: 12px;
		width: 100%;
		max-width: none;
	}
	.site-header .wp-block-image:first-child {
		width: 88px;
		margin: 0;
	}
	.site-header .wp-block-image:first-child img {
		width: 88px !important;
	}
	.site-header .wp-block-navigation {
		justify-self: center;
	}
	.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
	.site-header .wp-block-navigation__responsive-container-open {
		display: flex;
	}
	.site-header .wp-block-navigation__responsive-container.is-menu-open {
		display: flex;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100vw;
		/* Height and overflow: components/mobile-navigation.css (the panel scrolls, not the backdrop). */
	}
	.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
		bottom: -5px;
	}
	header.site-header > .wp-block-group > .wp-block-group > .wp-block-group:last-child {
		display: flex;
		flex-wrap: nowrap;
		justify-self: end;
		gap: 12px;
		min-width: 0;
	}
	.site-header .wp-block-buttons {
		flex-wrap: nowrap;
	}
	.site-header .wp-block-button__link {
		padding: 14px 18px !important;
		font-size: 12px !important;
	}
	.site-header .mcdp-header-linkedin img,
	.site-header a[aria-label="Motor City Dental Partners on LinkedIn"] img {
		width: 24px;
		--mcdp-inline-width: 24px;
		height: 24px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.site-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
		transition-duration: 0.01ms;
	}
}