/* Shared header (same as the new service and pricing pages): centred links, Services dropdown, EN | NL, Studio and the booking button.
   Only on pages whose header has class nav-shared. The old square menu button stays for scrolling and for phones. */
.nav-shared{position:relative;z-index:30;}
.nav-shared .nav-primary{align-items:center;}
.nav-services{position:relative;}
.nav-shared .services-toggle{display:flex;align-items:center;gap:0.25rem;padding:0.5rem 0;background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;}
.nav-shared .services-toggle:focus-visible{outline:0.125rem solid var(--ink);outline-offset:0.3125rem;border-radius:0.1875rem;}
.nav-shared .services-toggle .chevron{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;transition:transform .2s ease;}
.nav-shared .services-toggle .chevron svg{display:block;width:1rem;height:1rem;}
.nav-shared .services-toggle[aria-expanded="true"] .chevron{transform:rotate(180deg);}
.nav-shared .services-dropdown{position:absolute;top:calc(100% + 0.75rem);left:-1.25rem;width:18rem;padding:0.5rem;background:var(--paper);border:1px solid var(--line);border-radius:0.75rem;box-shadow:var(--shadow-float);z-index:50;}
.nav-shared .services-dropdown[hidden]{display:none;}
.nav-shared .services-dropdown a{display:flex;justify-content:space-between;gap:1rem;padding:0.875rem 0.75rem;border-radius:0.375rem;font-size:var(--text-sm);line-height:1.25;white-space:nowrap;}
.nav-shared .services-dropdown a:hover,.nav-shared .services-dropdown a:focus-visible{background:color-mix(in srgb,var(--ink) 6%,var(--paper));}
.nav-shared .services-dropdown a[aria-current="page"]{color:var(--red);}
.nav-shared .nav-primary :is(a,button)[aria-current="page"]{color:var(--red);}
/* Studio: the outlined pill next to the language switch */
.nav-shared .nav-studio{display:none;align-items:center;justify-content:center;min-height:2.6875rem;padding:0.6875rem 0.9375rem;border:1px solid color-mix(in srgb,var(--ink) 25%,var(--paper));border-radius:62.4375rem;font-size:var(--fs-btn);line-height:var(--lh-btn);font-weight:400;letter-spacing:var(--ls-btn);transition:background .2s,border-color .2s;}
.nav-shared .nav-studio:hover{background:color-mix(in srgb,var(--ink) 6%,var(--paper));}
.nav-shared .nav-studio:focus-visible{outline:0.125rem solid var(--red);outline-offset:0.1875rem;}
.nav-shared .nav-book-call{min-height:2.6875rem;padding:0.6875rem 0.9375rem;gap:0.5rem;}
/* desktop (owner's header on the page grid): logo on columns 1-4, the links start on column 5, EN | NL and the button right-aligned on the last columns */
@media(min-width:1000px){
  .editorial .site-header.nav-shared{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);padding-inline:var(--margin);}
  .editorial .nav-shared .brand{grid-column:1 / span 4;}
  .editorial .nav-shared .nav-primary{grid-column:5 / span 5;justify-self:start;gap:1.75rem;white-space:nowrap;}
  .editorial .nav-shared .nav-primary > a{display:inline-flex;align-items:center;gap:.5rem;}
  .editorial .nav-shared .header-actions{grid-column:10 / -1;justify-self:end;}
  .nav-shared .nav-studio{display:inline-flex;}
}
@media(min-width:1000px){.editorial .header-actions .nav-book-call{display:inline-flex;}}
@media(max-width:999px){.nav-shared .nav-services{display:none;}}
/* 8px between Studio and the booking button (owner's design); the language switch keeps a little more room before Studio */
@media(min-width:1000px){
  .editorial .nav-shared .header-actions{gap:0.5rem;}
  .editorial .nav-shared .lang-switch{margin-right:0.75rem;}
}