/* Nagłówek wszystkich stron: wzór z /o-mnie/ (reguły wyciągnięte z css/o-mnie.css przez narzedzia/glowna_v3.py).
   Nie edytować ręcznie: zmiany nagłówka robić w generatorze. Ładowany jako ostatni arkusz na każdej stronie. */
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header{padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #535454}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .brand{font:400 26px Georgia,serif;letter-spacing:1px}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .brand small{display:block;font:400 9px Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;margin-top:6px;color:#B79A68}
@media(max-width:600px){:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header{align-items:flex-start;flex-direction:column}}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .brand-link{display:flex;align-items:center;gap:15px;color:#f1ede5;text-decoration:none}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .brand{display:block}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .logo-crop{display:block;width:52px;height:52px;flex-shrink:0}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .logo-crop img{display:block;width:52px;height:52px;max-width:none}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header{flex-wrap:wrap}
@media(max-width:430px){:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .brand{font-size:22px}:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .brand small{font-size:8px;letter-spacing:2px}}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .gl-menu{display:flex;flex-wrap:wrap;gap:6px 24px;font:400 12px/1.6 Arial,sans-serif;letter-spacing:1px}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .gl-menu a{color:#B79A68;text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .gl-menu a:hover,:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .gl-menu a:focus-visible,:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) .gl-menu a[aria-current=page]{color:#f1ede5;border-bottom-color:#B79A68}
/* Wersja 3: logo po lewej, menu wyśrodkowane (telefon: oba wyśrodkowane, jedno pod drugim); większe litery i logo. */
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(0,1fr);align-items:center;flex-direction:row;column-gap:clamp(16px,2vw,32px)}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header > .brand-link{grid-column:1}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header > nav.gl-menu{grid-column:2;justify-content:center;padding:0;border:0}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .gl-menu{font-size:14px;gap:8px clamp(12px,1.5vw,26px)}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .gl-menu a{font-size:14px;min-height:0;display:inline-block}
/* Logo z napisem zawsze w jednej linii; przy braku miejsca cały blok zmniejsza się proporcjonalnie. */
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .brand-link{white-space:nowrap;gap:clamp(10px,1.1vw,15px)}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .logo-crop,:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .logo-crop img{width:clamp(44px,4.2vw,60px);height:clamp(44px,4.2vw,60px)}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .brand{font-size:clamp(21px,2vw,28px);white-space:nowrap}
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .brand-link:hover,:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .brand-link:focus-visible,:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .brand-link:hover .brand{color:#f1ede5}   /* napis „Goldman Legal” bez złotego hover (Janek 02.11) */
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .brand small{font-size:clamp(7px,.65vw,9px)}
@media(max-width:860px){:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header{grid-template-columns:1fr;justify-items:center;gap:18px}:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header > nav.gl-menu{grid-column:1}}
@media(max-width:430px){:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .brand{font-size:23px}:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice) header .gl-menu{gap:6px 18px}}
/* Stałe miejsce na pasek przewijania: krótkie strony (np. blog) bez paska nie są szersze, więc menu nie przeskakuje. */
html{scrollbar-gutter:stable}
/* Podstrony (bez strony głównej): treść w wyśrodkowanej kolumnie do 1080 px. */
:is(#gl-about,#gl-blog,#gl-booking,#gl-contact-page,#gl-dokument,#gl-home,#gl-training,#goldman-practice):not(#gl-home) > main{max-width:1080px;margin-left:auto;margin-right:auto}

/* Wersja 4: menu na wszystkich stronach w pozycji ze strony głównej (lewa kolumna = szerokość panelu z logo). */
@media(min-width:861px){
  header:has(> nav.gl-menu){grid-template-columns:calc(5.3% + max(340px,33.8%)) 1fr !important}
  header > .brand-link{grid-column:1}
  header > nav.gl-menu{grid-column:2 !important;justify-content:center}
  /* ta sama wysokość nagłówka na wszystkich stronach (= wysokość z logo), więc menu jest też na tej samej wysokości */
  header:has(> nav.gl-menu){box-sizing:border-box;min-height:calc(clamp(44px,4.2vw,60px) + 61px)}
  #gl-home{--naglowek:calc(clamp(44px,4.2vw,60px) + 61px)}
}