/* Globalny nagłówek i stopka CF_T — jedne na wszystkich stronach.
   HTML wstawia infra/uklad_strony.py; nie edytuj nagłówka ręcznie w pojedynczej stronie.
   Arkusz jest samodzielny (własne zmienne), bo strony prawne i narzędzia nie ładują home.css. */
:root{--uk-paper:#f4f1ea;--uk-bar:rgba(250,248,242,.72);--uk-ink:#283732;--uk-muted:#53635c;--uk-line:rgba(72,100,82,.26);--uk-gold:#82683f;--uk-focus:#315eaa;
  --uk-well:rgba(255,255,255,.62);--uk-well-shadow:inset 0 1px 3px rgba(40,58,46,.16),inset 0 -1px 0 rgba(255,255,255,.85),0 1px 0 rgba(255,255,255,.6)}
:root[data-theme="dark"]{--uk-paper:#1d2622;--uk-bar:rgba(34,45,39,.78);--uk-ink:#f2f1e9;--uk-muted:#becdc2;--uk-line:rgba(213,227,209,.24);--uk-gold:#dcc396;--uk-focus:#b7d1ff;
  --uk-well:rgba(255,255,255,.075);--uk-well-shadow:inset 0 1px 3px rgba(0,0,0,.42),inset 0 -1px 0 rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.04)}

.site-header,.site-footer{font-family:"Segoe UI",system-ui,sans-serif;color:var(--uk-ink);line-height:1.5}
.site-header a,.site-footer a{color:inherit;text-decoration:none}
.site-header :focus-visible,.site-footer :focus-visible{outline:3px solid var(--uk-focus);outline-offset:3px;border-radius:999px}
.site-bar{max-width:1240px;margin:0 auto;padding-inline:40px}

/* Nagłówek */
.site-header{position:sticky;top:0;z-index:50;background:var(--uk-bar);border-bottom:1px solid var(--uk-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header .site-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.site-brand{display:flex;align-items:center;flex-shrink:0}
.site-brand .logo{height:60px;width:auto}
.site-brand .logo-jasne{display:block}.site-brand .logo-ciemne{display:none}
:root[data-theme="dark"] .site-brand .logo-jasne{display:none}:root[data-theme="dark"] .site-brand .logo-ciemne{display:block}
.site-menu{display:flex;align-items:center;gap:14px;margin-left:auto}
.site-menu a{white-space:nowrap;font-size:14px;font-weight:550;padding:7px 12px;border-radius:999px;transition:color .2s ease,background-color .2s ease}
.site-menu a:hover,.site-menu a[aria-current]{color:var(--uk-gold)}
.site-menu a[aria-current]{text-decoration:underline;text-underline-offset:5px}
/* Filary w jaśniejszym wgłębieniu — oddzielone od kontaktu. */
.site-filary{display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--uk-well);box-shadow:var(--uk-well-shadow)}
.site-filary a:hover{background:rgba(255,255,255,.55)}
:root[data-theme="dark"] .site-filary a:hover{background:rgba(255,255,255,.07)}
.site-header .przelacznik-motywu{width:40px;height:40px;margin:0;border:1px solid var(--uk-line);border-radius:50%;background:transparent;box-shadow:none;color:var(--uk-ink)}
.site-header .przelacznik-motywu:hover{background:var(--uk-well);box-shadow:none}

/* Stopka */
.site-footer{margin-top:0;border-top:1px solid var(--uk-line);background:rgba(229,229,211,.25);padding:30px 0 22px;font-size:13px}
:root[data-theme="dark"] .site-footer{background:rgba(255,255,255,.02)}
.site-footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:22px}
.site-footer-top strong{font-size:21px;font-weight:550;letter-spacing:-.035em}
.site-footer .site-filary a{padding:6px 12px;border-radius:999px;font-weight:550}
.site-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--uk-line);padding-top:16px;color:var(--uk-muted)}
.site-footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px}
.site-footer-bottom a{color:var(--uk-ink)}
.site-footer a:hover{color:var(--uk-gold)}
.site-nota{max-width:95ch;margin:14px 0 0;font-size:11px;color:var(--uk-muted)}

@media(max-width:790px){.site-bar{padding-inline:20px}.site-header .site-bar{min-height:70px}.site-brand .logo{height:50px}.site-menu{gap:8px}.site-menu a{padding:6px 9px}}
@media(max-width:620px){
  .site-header .site-bar{flex-wrap:wrap;gap:4px 8px;padding-block:8px}
  .site-header .przelacznik-motywu{order:1;margin-left:auto}
  .site-menu{order:2;width:100%;margin-left:0;justify-content:space-between;gap:6px}
  .site-menu a{font-size:12px;padding:6px 7px}
  .site-filary{gap:0;padding:3px}
  .site-header .przelacznik-motywu{width:34px;height:34px}
  .site-footer-top,.site-footer-bottom{display:block}
  .site-footer .site-filary{display:inline-flex;flex-wrap:wrap;margin-top:12px}
  .site-footer-bottom nav{gap:14px;margin-top:8px}
}
@media(max-width:380px){.site-menu a{font-size:11.5px;padding:5px 6px}}
@media(max-width:340px){.site-menu a{font-size:10.5px;padding:5px 4px}}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--uk-paper);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.site-filary{border:1px solid CanvasText}}
