/* Logo-orange scrolling header, including existing saved Header template parts. */
body:not(.wp-admin) .wp-site-blocks > .wp-block-template-part:has(.hpj-header) {
 position:sticky; top:0; z-index:999; margin-block-start:0;
 background:var(--wp--preset--color--logo-orange, #FDB031); box-shadow:0 2px 8px #00000012;
}
body.admin-bar:not(.wp-admin) .wp-site-blocks > .wp-block-template-part:has(.hpj-header) { top:32px; }
.hpj-header.hpj-header { background:var(--wp--preset--color--logo-orange, #FDB031) !important; color:#000; padding-block:.5rem; border-bottom:0; }
.hpj-header .hpj-header-row { padding-block:0; min-height:64px; gap:1rem; }
.hpj-header .hpj-brand { flex:0 1 auto; gap:.75rem; }
.hpj-header .hpj-brand .wp-block-site-logo img { width:auto; max-width:165px; max-height:56px; }
.hpj-header .wp-block-site-title { font:700 1.2rem/1.2 Arial,Helvetica,sans-serif; }
.hpj-header .wp-block-site-tagline { display:none; }
.hpj-header .hpj-navigation { font-weight:700; }
.hpj-header .hpj-header-search-row { margin-block:0; gap:.5rem; }
.hpj-header .hpj-social-links { flex-wrap:nowrap; gap:0; }
.hpj-header .hpj-social-links .wp-social-link a { min-width:36px; min-height:44px; }
.hpj-header .hpj-search { margin:0; }
.hpj-header .hpj-search .wp-block-search__inside-wrapper { border-color:#000; }
.hpj-header .hpj-search .wp-block-search__button { background:var(--wp--preset--color--logo-orange, #FDB031) !important; }
@media(min-width:1100px) {
 .hpj-header.hpj-header { display:flex; align-items:center; justify-content:center; gap:1.5rem; }
 .hpj-header .hpj-header-row { flex:1 1 650px; max-width:760px; margin:0; }
 .hpj-header .hpj-header-search-row { flex:0 1 365px; max-width:365px; margin:0; flex-wrap:nowrap; }
 .hpj-header .hpj-header-search-row > .hpj-search,.hpj-header .hpj-header-search-row > .wp-block-group { flex:1 1 200px; min-width:0; }
}
@media(max-width:1099px) {
 .hpj-header .hpj-header-search-row { margin-block-start:.25rem; }
 .hpj-header .hpj-header-search-row > .hpj-search { flex:1 1 160px; }
}
@media(max-width:782px) {
 body.admin-bar:not(.wp-admin) .wp-site-blocks > .wp-block-template-part:has(.hpj-header) { top:46px; }
}
@media(max-width:600px) {
 /* WordPress's phone admin toolbar scrolls away instead of staying fixed. */
 body.admin-bar:not(.wp-admin) .wp-site-blocks > .wp-block-template-part:has(.hpj-header) { top:0; }
 .hpj-header .hpj-brand .wp-block-site-logo img { max-height:44px; max-width:105px; }
 .hpj-header .hpj-header-row { min-height:48px; }
 .hpj-header .wp-block-site-title { font-size:1rem; }
 .hpj-header .hpj-social-links .wp-social-link a { min-width:30px; }
}
/* Keep anchored headings and keyboard-focused content below the sticky bar. */
.hpj-header .hpj-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.hpj-header .hpj-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.hpj-header .hpj-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
.hpj-header .hpj-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.hpj-header .hpj-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
 align-items:flex-start !important; text-align:left; justify-content:flex-start;
}
.hpj-header .hpj-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
 left:0; right:auto;
}
@media(max-width:599px) {
 .hpj-header .hpj-header-row { flex-wrap:nowrap; justify-content:flex-start; gap:.65rem; }
 .hpj-header .hpj-header-row > .hpj-navigation { order:-1; flex:0 0 auto; margin:0; }
 .hpj-header .hpj-header-row > .hpj-brand { flex:1 1 auto; min-width:0; }
}
html { scroll-padding-top:190px; }
@media(min-width:1100px) { html { scroll-padding-top:130px; } }
@media print {
 body:not(.wp-admin) .wp-site-blocks > .wp-block-template-part:has(.hpj-header) { position:static; box-shadow:none; }
}

/* Center the logo and also hide titles in previously saved header parts. */
.hpj-header .wp-block-site-title,
.hpj-header .wp-block-site-tagline,
.hpj-header .hpj-brand > .wp-block-group { display:none !important; }
.hpj-header .hpj-header-row {
 display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:center;
}
.hpj-header .hpj-header-row > .hpj-brand {
 grid-column:2; grid-row:1; justify-content:center; margin:0; width:auto;
}
.hpj-header .hpj-header-row > .hpj-navigation {
 grid-column:1; grid-row:1; justify-self:start; margin:0;
}
.hpj-header .hpj-brand .wp-block-site-logo { margin:0; }
@media(min-width:1100px) {
 .hpj-header.hpj-header {
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
 }
 .hpj-header .hpj-header-row { display:contents; }
 .hpj-header .hpj-header-search-row { grid-column:3; grid-row:1; justify-self:end; width:100%; }
}

/* Desktop/tablet branding stays left; phones retain the centered logo. */
@media(min-width:600px) {
 .hpj-header .hpj-header-row {
  display:flex; align-items:center; justify-content:space-between;
 }
 .hpj-header .hpj-header-row > .hpj-brand { justify-content:flex-start; }
 .hpj-header .hpj-header-row > .hpj-navigation { margin-left:auto; }
}
@media(min-width:1100px) {
 .hpj-header.hpj-header { display:flex; align-items:center; justify-content:center; }
 .hpj-header .hpj-header-row { display:flex; }
 .hpj-header .hpj-header-search-row { width:auto; }
}

/* Uploaded animated wordmark in the space beside the dog logo. */
.hpj-header .hpj-header-wordmark { display:block; flex:0 0 146px; width:146px; height:44px; margin:0; overflow:hidden; border-radius:3px; background:#fff; line-height:0; }
.hpj-header-wordmark video { display:block; width:100%; height:100%; object-fit:contain; }
@media(max-width:599px) {
 .hpj-header .hpj-header-row { grid-template-columns:auto minmax(0,1fr); }
 .hpj-header .hpj-header-row > .hpj-brand { justify-self:center; gap:8px; }
 .hpj-header .hpj-header-wordmark { flex-basis:125px; width:125px; height:38px; }
}
