/* Site header for inner pages: the home nav's floating translucent bar (home.css .site-nav), so every
   header matches; the full logo (white "ad") shows on it. */
/* Inner pages sit on Bricks' 10px root (html font-size 62.5%): size text here in px, not rem. */
.site-header{position:sticky;top:12px;z-index:50;width:min(1180px,calc(100% - 40px));margin:18px auto 0;border:1px solid color-mix(in srgb,var(--brand-surface) 34%,transparent);border-radius:12px;background:color-mix(in srgb,var(--brand-ink) 76%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 50px color-mix(in srgb,var(--brand-ink) 18%,transparent);color:var(--brand-on-ink)}
.admin-bar .site-header{top:calc(var(--wp-admin--admin-bar--height,32px) + 12px)}
.site-header-inner{margin:0;padding:8px 9px 8px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site-header-brand{display:flex;align-items:center;min-height:44px;text-decoration:none}
.site-header-brand img{height:40px;width:auto;object-fit:contain}
.site-header-menu{margin-left:auto}
.site-header-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.site-header-links a{display:inline-block;padding-block:12px;color:color-mix(in srgb,var(--brand-on-ink) 78%,transparent);text-decoration:none;font-size:16px;font-weight:600;transition:color .2s ease}
.site-header-links a:hover,.site-header-links a:focus-visible,.site-header-links .current-menu-item>a{color:var(--brand-on-ink)}
.site-header-cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;border-radius:8px;background:var(--brand-primary-fill);color:var(--brand-on-primary);font-size:16px;font-weight:800;line-height:1;text-decoration:none}
.site-header-cta:hover{background:var(--brand-primary-fill-hover)}
.site-header-menu+.site-header-cta{margin-left:0}
.site-header-toggle{display:none;margin-left:auto;min-height:44px;align-items:center;gap:8px;background:none;border:1px solid color-mix(in srgb,var(--brand-on-ink) 26%,transparent);border-radius:8px;padding:0 14px;color:var(--brand-on-ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.site-header-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
.site-header-toggle-bars,.site-header-toggle-bars::before,.site-header-toggle-bars::after{display:block;width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s ease}
.site-header-toggle-bars{position:relative}
.site-header-toggle-bars::before,.site-header-toggle-bars::after{content:"";position:absolute;left:0}
.site-header-toggle-bars::before{top:-5px}
.site-header-toggle-bars::after{top:5px}
.site-header-toggle[aria-expanded="true"] .site-header-toggle-bars{background:transparent}
.site-header-toggle[aria-expanded="true"] .site-header-toggle-bars::before{transform:translateY(5px) rotate(45deg)}
.site-header-toggle[aria-expanded="true"] .site-header-toggle-bars::after{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:767px){
  .site-header{width:calc(100% - 28px);margin-top:12px;border-radius:10px}
  .site-header-brand img{height:34px}
  .site-header-toggle{display:inline-flex}
  .site-header-menu{display:none;order:3;width:100%;margin:0;border-top:1px solid color-mix(in srgb,var(--brand-on-ink) 14%,transparent)}
  .site-header-menu.is-open{display:block}
  .site-header-links{flex-direction:column;gap:0;padding:6px 0}
  .site-header-links a{display:flex;align-items:center;min-height:48px;padding:0 4px;font-size:17px}
  /* "Book Now" moves out of the bar into the open menu, like the home nav. */
  .site-header-cta{display:none}
  .site-header-menu.is-open+.site-header-cta{display:flex;order:4;width:100%;min-height:48px;margin:0 0 6px;border-radius:8px}
}