/**
 * Pinnacle Market UI Bridge — Phase 1B header migration.
 *
 * Every rule is restricted to the approved .pm-shell-v1.site-header surface.
 * WordPress core retains ownership of navigation markup and behavior.
 */

.pm-shell-v1.site-header {
	background: var(--pm-color-paper);
	border-bottom: var(--pm-border-header);
	box-shadow: none;
	color: var(--pm-color-ink);
	font-family: var(--pm-font-sans);
	padding-left: var(--pm-gutter-header) !important;
	padding-right: var(--pm-gutter-header) !important;
}

.pm-shell-v1.site-header > .wp-block-group {
	width: 100%;
}

.pm-shell-v1.site-header .wp-block-site-title {
	font-family: var(--pm-font-serif);
	font-size: 18px;
	font-weight: var(--pm-font-weight-bold);
	line-height: 1;
}

.pm-shell-v1.site-header .wp-block-site-title a {
	color: var(--pm-color-ink);
	opacity: 1;
	text-decoration: none;
	transition: color var(--pm-duration-fast);
}

.pm-shell-v1.site-header .wp-block-site-title a:hover {
	color: var(--pm-color-orange);
	opacity: 1;
}

.pm-shell-v1.site-header .wp-block-navigation {
	color: var(--pm-color-ink);
	font-family: var(--pm-font-sans);
	font-size: 13px;
	font-weight: var(--pm-font-weight-semibold);
}

.pm-shell-v1.site-header .wp-block-navigation__container {
	column-gap: 32px;
}

.pm-shell-v1.site-header .wp-block-navigation-item,
.pm-shell-v1.site-header .wp-block-navigation-item__content {
	color: inherit;
	opacity: 1;
}

.pm-shell-v1.site-header .wp-block-navigation-item__content {
	text-decoration: none;
	transition: color var(--pm-duration-fast);
}

.pm-shell-v1.site-header .wp-block-navigation-item__content:hover,
.pm-shell-v1.site-header .current-menu-item > .wp-block-navigation-item__content,
.pm-shell-v1.site-header .current-menu-ancestor > .wp-block-navigation-item__content,
.pm-shell-v1.site-header .current-menu-parent > .wp-block-navigation-item__content,
.pm-shell-v1.site-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	color: var(--pm-color-orange);
	opacity: 1;
}

.pm-shell-v1.site-header .wp-block-navigation-item__content:focus-visible,
.pm-shell-v1.site-header .wp-block-navigation__responsive-container-open:focus-visible,
.pm-shell-v1.site-header .wp-block-navigation__responsive-container-close:focus-visible,
.pm-shell-v1.site-header .wp-block-site-title a:focus-visible {
	outline: 2px solid var(--pm-color-orange);
	outline-offset: 4px;
}

.pm-shell-v1.site-header .wp-block-navigation__responsive-container-open,
.pm-shell-v1.site-header .wp-block-navigation__responsive-container-close {
	background: transparent;
	border: 0;
	border-radius: var(--pm-radius-square);
	color: var(--pm-color-ink);
	padding: 8px;
}

.pm-shell-v1.site-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--pm-color-paper);
	color: var(--pm-color-ink);
}

.pm-shell-v1.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	font-family: var(--pm-font-sans);
	font-size: 13px;
	font-weight: var(--pm-font-weight-semibold);
}

@media (max-width: 1100px) {
	.pm-shell-v1.site-header .wp-block-navigation {
		font-size: 11px;
	}

	.pm-shell-v1.site-header .wp-block-navigation__container {
		column-gap: 14px;
	}
}

@media (max-width: 600px) {
	.pm-shell-v1.site-header {
		padding-left: var(--pm-gutter-mobile) !important;
		padding-right: var(--pm-gutter-mobile) !important;
	}

	.pm-shell-v1.site-header .wp-block-site-title {
		font-size: 16px;
	}

	.pm-shell-v1.site-header .wp-block-navigation__responsive-container.is-menu-open {
		box-shadow: var(--pm-shadow-menu);
	}
}

@media (prefers-reduced-motion: reduce) {
	.pm-shell-v1.site-header .wp-block-site-title a,
	.pm-shell-v1.site-header .wp-block-navigation-item__content {
		transition-duration: 0.01ms;
	}
}
