/* Pathwise hub chrome (employee + consultant hubs): hub-only header and footer.
 * Loaded only when a hub template part renders (render_block filter on "pw-hub-" classes).
 * Generated by build/gen.py: edit build/src/hub.css. */

/* Header ---------------------------------------------------------------- */
.pw-hub-header .pw-hub-header__inner { gap: 24px; }
.pw-hub-brand { gap: 16px; flex: none; align-items: center; }
.pw-hub-brand .pw-logo { margin-right: 0 !important; }
.pw-hub-brand__label {
	margin: 0; padding-left: 16px; border-left: 2px solid var(--pw-gold);
	font-family: var(--wp--preset--font-family--montserrat); font-weight: 700; font-size: .95rem; line-height: 1.2; color: var(--pw-teal); white-space: nowrap;
}
.pw-hub-brand__label span { display: block; margin-top: 3px; font-size: .64rem; letter-spacing: .16em; text-transform: uppercase; color: var(--pw-gold-text); }
.pw-hub-nav { flex: 1 1 auto; justify-content: flex-end; }
.pw-hub-nav .wp-block-navigation__container { gap: 6px; flex-wrap: nowrap; justify-content: flex-end; }
.pw-hub-nav .wp-block-navigation-item__content {
	display: block; padding: 9px 16px !important; border-radius: 999px; border: 1px solid transparent;
	font-family: var(--wp--preset--font-family--montserrat); font-weight: 600; font-size: .88rem; color: var(--pw-navy) !important; white-space: nowrap; text-decoration: none;
}
.pw-hub-nav .wp-block-navigation-item__content:hover { border-color: var(--pw-line); background: var(--pw-cream); }
.pw-hub-nav .pw-current > .wp-block-navigation-item__content,
.pw-hub-nav .wp-block-navigation-item__content[aria-current="page"] { background: var(--pw-navy); border-color: var(--pw-navy); color: #fff !important; }
.pw-hub-cta { flex: none; gap: 10px; }
.pw-hub-cta .wp-block-button__link { padding: 10px 18px; font-size: .88rem; white-space: nowrap; }

/* Older hub page content may still carry the in-content sub-nav: the header replaces it. */
.pw-hub-site-header ~ .pw-main .pw-subnav { display: none; }

@media (max-width: 1080px) {
	.pw-hub-header .pw-hub-header__inner { flex-wrap: wrap !important; row-gap: 0; }
	.pw-hub-brand { order: 1; min-height: var(--pw-header-h); }
	.pw-hub-cta { order: 2; margin-left: auto; }
	.pw-hub-nav { order: 3; flex: 1 0 100%; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; margin: 0 -4px; padding: 0 4px 12px; }
	.pw-hub-nav::-webkit-scrollbar { display: none; }
	.pw-hub-nav .wp-block-navigation__container { justify-content: flex-start; }
	.pw-hub-nav .wp-block-navigation-item__content { border-color: var(--pw-line); }
}
@media (max-width: 560px) {
	.pw-hub-header .pw-hub-cta { display: none; }
	.pw-hub-brand { gap: 12px; }
	.pw-hub-brand__label { padding-left: 12px; font-size: .86rem; }
	.pw-hub-nav .wp-block-navigation-item__content { padding: 8px 13px !important; font-size: .84rem; }
	/* QW-10 (1.3.3): wrap the pills instead of scrolling them sideways, so no pill is clipped at 390px. */
	.pw-hub-nav { overflow-x: visible; }
	.pw-hub-nav .wp-block-navigation__container { flex-wrap: wrap; row-gap: 6px; }
}

/* Footer ---------------------------------------------------------------- */
.pw-hub-footer { padding-top: 56px; }
.pw-hub-footer__top { gap: 40px; }
.pw-hub-footer__brand { flex: 0 1 520px; }
.pw-hub-footer__blurb { margin: 0 0 6px; max-width: 46ch; line-height: 1.6; }
.pw-hub-footer__nav { flex: 0 1 280px; }
.pw-hub-footer__nav .pw-footer__heading { margin: 0 0 14px !important; font-family: var(--wp--preset--font-family--montserrat); font-weight: 700; }
.pw-hub-footer__links { margin: 0; padding: 0; list-style: none; }
.pw-hub-footer__links li { margin: 0 0 10px; }
.pw-hub-footer .pw-footer__legal { margin-top: 40px !important; }
.pw-hub-footer__privacy { margin: 0; }

@media print {
	.pw-hub-site-header, .pw-hub-site-footer { display: none !important; }
}