/* ============================================================
   EWW Navbar — v2.2.1
   Pasek językowy/powiadomienie pozostają w normalnym układzie strony.
   Tylko główny navbar nakłada się na treść Elementora i pozostaje sticky.
   Wtyczka nie modyfikuje paddingów ani marginesów sekcji Elementora.
   ============================================================ */

/* Zmienne współdzielone przez część płynącą i główny navbar. */
.eww-nb-flow,
.eww-nb-layer{
  --eww-navy:#232d69;
  --eww-navy-dark:#1c2558;
  --eww-navy-deep:#121941;
  --eww-lime:#12B8A6;
  --eww-bg:#eef2f9;
  --eww-white:#ffffff;
  --eww-blue:#4aaee8;
  --eww-muted:rgba(35,45,105,.66);
  --ease-out:cubic-bezier(.215,.61,.355,1);
  --ease-out-quint:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.645,.045,.355,1);
  --spring:cubic-bezier(.34,1.3,.4,1);
  --dur-micro:140ms;
  --dur-ui:220ms;
  --dur-panel:380ms;
  width:100%;
}

/* Pasek językowy i komunikat są zwykłą częścią dokumentu — nie są fixed
   ani sticky i znikają naturalnie po przewinięciu strony. */
.eww-nb-flow{
  position:relative;
  z-index:99992;
  overflow:visible;
}

/* Domyślnie navbar jest sticky i zajmuje miejsce w układzie. */
.eww-nb-layer{
  position:sticky;
  top:var(--eww-nb-sticky-top,0px);
  z-index:99990;
  width:100%;
  pointer-events:none;
  overflow:visible;
}

/* Elementor: punkt sticky ma wysokość 0, dlatego navbar nakłada się na
   pierwszą sekcję, ale nie dotyka jej paddingów ani marginesów. Użytkownik
   może swobodnie ustawić padding hero w edytorze. */
body.elementor-page.eww-nb-overlay-hero .eww-nb-layer{
  height:0;
  min-height:0;
  margin:0;
  top:var(--eww-nb-admin-h,0px);
}

/* Stabilny offset paska administratora jest znany przed uruchomieniem JS. */
body.admin-bar.elementor-page.eww-nb-overlay-hero .eww-nb-layer{top:32px}
@media(max-width:782px){
  body.admin-bar.elementor-page.eww-nb-overlay-hero .eww-nb-layer{top:46px}
}

.eww-nb-root{
  position:relative;
  z-index:2;
  width:100%;
  padding:12px;
  pointer-events:none;
}

.eww-nb-flow > .eww-nb-announcement,
.eww-nb-flow > .eww-nb-topbar,
.eww-nb-root > *{pointer-events:auto}

.eww-nb-root,.eww-nb-root *,.eww-nb-root *::before,.eww-nb-root *::after{box-sizing:border-box}
.eww-nb-root{font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:300;color:var(--eww-navy)}
.eww-nb-root a{color:inherit;text-decoration:none!important;background-image:none!important}
.eww-nb-root button{font:inherit;margin:0!important}
.eww-nb-root a,.eww-nb-root button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.eww-nb-root :focus-visible{outline:2px solid var(--eww-blue);outline-offset:3px;border-radius:999px}
html.eww-nb-locked{overflow:hidden!important}

/* stara wtyczka (eww-ui-framework): gdyby jakaś kopia jednak coś wyrenderowała — chowamy */
body.eww-nb-active .eww-ui-root,
body.eww-nb-active .eww-ui-language-topbar{display:none!important}

/* topbar językowy EWWMM w naszym wrapperze — ponad navbarem.
   Wrapper musi mieć wyższy stacking context, inaczej rozwinięta lista
   języków chowa się za navbarem mimo wysokiego z-index samego menu. */
.eww-nb-topbar{
  position:relative!important;
  inset:auto!important;
  z-index:100020!important;
  width:100%;
  margin-top:0!important;
  overflow:visible!important;
  isolation:isolate;
}
.eww-nb-topbar .ewwmm-topbar,
.eww-nb-topbar .eww-topbar{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:100021!important;
  margin:0!important;
  overflow:visible!important;
}
.eww-nb-topbar .eww-lang,
.eww-nb-topbar [data-language-switcher]{z-index:100030!important}
.eww-nb-topbar .eww-lang__menu,
.eww-nb-topbar [data-language-menu]{
  z-index:100040!important;
  margin-top:-4px!important;
}

/* powiadomienie */
.eww-nb-announcement{position:relative;z-index:3;width:100%;text-align:center;background:var(--eww-lime);color:#25300f;font-size:12px;font-weight:400}
.eww-nb-announcement a{display:block;padding:7px 42px;color:inherit}
.eww-nb-announcement span{margin-left:8px}

/* ============ NAVBAR ============ */
.eww-navbar{
  position:relative;
  width:min(1300px,100%);
  min-height:80px;
  margin:0 auto!important;
  padding:10px 14px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  column-gap:16px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:24px;
  background:rgba(255,255,255,.09)!important;
  -webkit-backdrop-filter:blur(8px) saturate(108%);
  backdrop-filter:blur(8px) saturate(108%);
  box-shadow:0 8px 24px rgba(35,45,105,.025),inset 0 1px 0 rgba(255,255,255,.42);
  z-index:99990;
  backface-visibility:hidden;
  transform:translateZ(0);
  transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms var(--ease-out);
}
.eww-navbar::before{display:none}
html.eww-nb-scrolled .eww-navbar{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.50);
  box-shadow:0 10px 28px rgba(35,45,105,.045),inset 0 1px 0 rgba(255,255,255,.48);
}

/* offcanvas otwarty: header ponad panel (X klikalny), szkło i logo znikają */
html.eww-nb-locked .eww-navbar{z-index:99996}
html.eww-nb-locked .eww-logo-pill{opacity:0;pointer-events:none}

/* --- logo (lewa) --- */
.eww-logo-pill{
  grid-column:1;
  justify-self:start;
  position:relative;
  isolation:isolate;
  display:inline-flex!important;
  align-items:center;
  gap:10px;
  max-width:230px;
  min-width:0;
  overflow:hidden;
  padding:7px 14px 7px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 10px 28px rgba(35,45,105,.07),inset 0 1px 0 rgba(255,255,255,.95);
  transform:translate3d(0,0,0);
  transition:background var(--dur-micro) ease,border-color var(--dur-micro) ease,box-shadow var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),opacity 200ms ease;
}
.eww-logo-pill::before{
  content:"";
  position:absolute;
  z-index:0;
  top:-45%;
  left:-42%;
  width:30%;
  height:190%;
  border-radius:50%;
  background:rgba(255,255,255,.72);
  transform:translate3d(-160%,0,0) rotate(16deg);
  opacity:0;
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  .eww-logo-pill:hover{
    background:rgba(255,255,255,.96);
    border-color:rgba(255,255,255,1);
    box-shadow:0 16px 34px rgba(35,45,105,.13),inset 0 1px 0 #fff;
    transform:translate3d(0,-2px,0) scale(1.015);
  }
  .eww-logo-pill:hover::before{
    opacity:.72;
    transform:translate3d(560%,0,0) rotate(16deg);
    transition:transform 540ms var(--ease-out-quint),opacity 120ms ease;
  }
  .eww-logo-pill:hover img{transform:translate3d(2px,0,0)!important}
}
.eww-logo-pill:active{transform:translate3d(0,0,0) scale(.97)}
.eww-logo-pill img{
  display:block!important;
  position:relative!important;z-index:1!important;
  width:auto!important;height:40px!important;
  max-width:190px!important;max-height:40px!important;
  min-width:0!important;min-height:0!important;
  object-fit:contain!important;object-position:left center!important;
  float:none!important;position:static!important;
  margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
  opacity:1!important;visibility:visible!important;filter:none!important;transform:translate3d(0,0,0)!important;
  transition:transform var(--dur-ui) var(--ease-out)!important;
}

/* --- menu (środek) --- */
.eww-menu{
  grid-column:2;
  position:relative;
  justify-self:center;
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:5px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 12px 34px rgba(35,45,105,.05),inset 0 1px 0 rgba(255,255,255,.9);
}
.eww-menu__pill{
  position:absolute;
  top:5px;left:0;
  height:calc(100% - 10px);
  border-radius:999px;
  background:linear-gradient(135deg,var(--eww-navy),var(--eww-navy-dark));
  box-shadow:0 6px 16px rgba(35,45,105,.22),inset 0 1px 0 rgba(255,255,255,.16);
  will-change:transform,width;
  pointer-events:none;
  transition:transform 260ms var(--ease-out-quint),width 260ms var(--ease-out-quint),opacity var(--dur-micro) ease;
}
.eww-menu.no-anim .eww-menu__pill{transition:none}
.eww-menu a{
  position:relative;z-index:1;
  min-height:40px;
  margin:0!important;
  padding:0 16px;
  border:0!important;
  border-radius:999px;
  background:transparent!important;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--eww-muted);
  font-size:13px;font-weight:400;letter-spacing:.005em;
  white-space:nowrap;
  transition:color 180ms ease;
}
.eww-menu a.is-lit{color:#fff}
.eww-menu a:active{transform:scale(.97)}

/* --- przełącznik (prawa) --- */
.eww-navbar__right{grid-column:3;justify-self:end;display:flex;align-items:center}
.eww-nav-switch{
  position:relative;isolation:isolate;
  display:inline-flex;align-items:center;
  width:216px;height:40px;padding:3px;
  border:1px solid rgba(35,45,105,.13);
  border-radius:999px;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 12px rgba(10,20,60,.035);
  overflow:hidden;
  transform:translate3d(0,0,0);
  transition:transform var(--dur-ui) var(--ease-out),border-color 180ms ease,box-shadow var(--dur-ui) var(--ease-out),background 180ms ease;
}
.eww-nav-switch::before{
  content:"";
  position:absolute;z-index:0;
  top:3px;left:3px;
  width:calc(50% - 3px);height:calc(100% - 6px);
  border-radius:999px;
  background:linear-gradient(135deg,var(--eww-navy),var(--eww-navy-dark));
  box-shadow:0 4px 12px rgba(35,45,105,.18),inset 0 1px 0 rgba(255,255,255,.16);
  transform:translateX(0);
  transition:transform 360ms var(--spring),box-shadow var(--dur-ui) var(--ease-out),filter var(--dur-ui) ease;
}
.eww-nav-switch.is-candidate::before{transform:translateX(100%)}
.eww-nav-switch.is-business::before{transform:translateX(0)}
.eww-nav-switch__option{
  position:relative;z-index:2;
  width:50%;height:100%;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  color:rgba(35,45,105,.68);
  font-size:12.5px;font-weight:400;
  background:transparent!important;
  transition:color 200ms ease,background-color 180ms ease;
}
.eww-nav-switch__inner{display:inline-flex;align-items:center;gap:5px;transform:translate3d(0,0,0);transition:transform var(--dur-ui) var(--spring),letter-spacing 180ms ease}
.eww-nav-switch__option:active .eww-nav-switch__inner{transform:scale(.94)}
.eww-nav-switch.is-business [data-page="business"],
.eww-nav-switch.is-candidate [data-page="candidate"]{color:#fff}

@media (hover:hover) and (pointer:fine){
  .eww-navbar__right .eww-nav-switch:hover{
    border-color:rgba(35,45,105,.22);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 12px 26px rgba(35,45,105,.11);
    transform:translate3d(0,-2px,0) scale(1.012);
  }
  .eww-navbar__right .eww-nav-switch:hover::before{
    box-shadow:0 7px 18px rgba(35,45,105,.28),inset 0 1px 0 rgba(255,255,255,.2);
    filter:saturate(1.08);
  }
  .eww-navbar__right .eww-nav-switch__option:hover .eww-nav-switch__inner{
    transform:translate3d(0,-1px,0) scale(1.035);
    letter-spacing:.012em;
  }
  .eww-navbar__right .eww-nav-switch.is-business [data-page="candidate"]:hover,
  .eww-navbar__right .eww-nav-switch.is-candidate [data-page="business"]:hover{
    color:var(--eww-navy);
    background:rgba(35,45,105,.055)!important;
  }
  .eww-navbar__right .eww-nav-switch.is-business [data-page="business"]:hover .eww-nav-switch__inner,
  .eww-navbar__right .eww-nav-switch.is-candidate [data-page="candidate"]:hover .eww-nav-switch__inner{
    transform:translate3d(0,-1px,0) scale(1.045);
  }
}
.eww-navbar__right .eww-nav-switch:active{transform:translate3d(0,0,0) scale(.985)}

/* --- hamburger (lockdown: globalne style buttonów motywu nie mają tu wstępu) --- */
.eww-nb-root .eww-hamburger{
  display:none!important;
  justify-self:end;
  width:50px!important;min-width:50px!important;max-width:50px!important;
  height:50px!important;
  padding:0!important;margin:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.84)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(35,45,105,.08)!important;
  line-height:0!important;
  align-items:center!important;justify-content:center!important;
  transition:background 200ms ease,border-color 200ms ease,box-shadow var(--dur-ui) var(--ease-out),transform var(--dur-micro) var(--ease-out);
}
.eww-nb-root .eww-hamburger:active{transform:scale(.94)}
.eww-hamburger__lines{position:relative;width:21px;height:16px;display:block}
.eww-hamburger__lines span{
  position:absolute;left:0;
  width:21px;height:1.5px;
  border-radius:999px;
  background:var(--eww-navy)!important;
  border:0!important;
  transition:top 280ms var(--ease-in-out),transform 280ms var(--ease-in-out),opacity 160ms ease,background 200ms ease;
}
.eww-hamburger__lines span:nth-child(1){top:1px}
.eww-hamburger__lines span:nth-child(2){top:7px}
.eww-hamburger__lines span:nth-child(3){top:13px}
.eww-nb-root .eww-hamburger.is-open{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
.eww-nb-root .eww-hamburger.is-open .eww-hamburger__lines span{background:#fff!important}
.eww-nb-root .eww-hamburger.is-open .eww-hamburger__lines span:nth-child(1){top:7px;transform:rotate(45deg)}
.eww-nb-root .eww-hamburger.is-open .eww-hamburger__lines span:nth-child(2){opacity:0;transform:scaleX(.2)}
.eww-nb-root .eww-hamburger.is-open .eww-hamburger__lines span:nth-child(3){top:7px;transform:rotate(-45deg)}

/* ============ OFFCANVAS ============ */
.eww-offcanvas{
  position:fixed;
  inset:0;
  z-index:99995;
  display:flex;flex-direction:column;
  padding:22px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 8%,rgba(92,119,255,.22),transparent 26rem),
    radial-gradient(circle at 8% 92%,rgba(18,184,166,.08),transparent 24rem),
    linear-gradient(180deg,var(--eww-navy),var(--eww-navy-deep));
  transform:translateX(8%);
  opacity:0;
  visibility:hidden;
  overflow-y:auto;
  transition:transform 260ms var(--ease-out),opacity 220ms ease,visibility 0s linear 260ms;
}
.eww-offcanvas.is-open{
  transform:translateX(0);
  opacity:1;
  visibility:visible;
  transition:transform var(--dur-panel) var(--ease-out-quint),opacity 300ms ease,visibility 0s;
}
.eww-offcanvas__top{min-height:56px;display:flex;align-items:center;justify-content:flex-start}
.eww-offcanvas__brand{display:flex;align-items:center;opacity:0;transform:translateY(-8px);transition:280ms var(--ease-out)}
.eww-offcanvas__brand img{display:block!important;width:auto!important;height:42px!important;max-width:220px!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.eww-offcanvas.is-open .eww-offcanvas__brand{opacity:1;transform:translateY(0);transition-delay:60ms}
.eww-offcanvas__content{width:min(720px,100%);margin:auto;padding:26px 0 20px;display:flex;flex-direction:column}

.eww-offcanvas .eww-nav-switch{
  width:100%;height:52px;margin-bottom:28px;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0;transform:translateY(14px);
  transition:opacity 300ms var(--ease-out),transform 300ms var(--ease-out);
}
.eww-offcanvas.is-open .eww-nav-switch{opacity:1;transform:translateY(0);transition-delay:90ms}
.eww-offcanvas .eww-nav-switch::before{background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.16)}
.eww-offcanvas .eww-nav-switch__option{color:rgba(255,255,255,.62);font-size:14px;font-weight:400}
.eww-offcanvas .eww-nav-switch.is-business [data-page="business"],
.eww-offcanvas .eww-nav-switch.is-candidate [data-page="candidate"]{color:var(--eww-navy)}

.eww-offcanvas__menu{display:grid;gap:4px;transition:opacity 180ms ease,transform 180ms var(--ease-out)}
.eww-offcanvas__menu a{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin:0!important;padding:11px 0;border:0!important;background:transparent!important;
  color:#fff;
  font-size:clamp(24px,5vw,42px);font-weight:400;letter-spacing:-.035em;
  opacity:0;transform:translateY(18px);
  transition:opacity 320ms var(--ease-out),transform 320ms var(--ease-out),color 200ms ease;
}
.eww-offcanvas.is-open .eww-offcanvas__menu a{opacity:1;transform:translateY(0)}
.eww-offcanvas.is-open .eww-offcanvas__menu a:nth-child(1){transition-delay:120ms}
.eww-offcanvas.is-open .eww-offcanvas__menu a:nth-child(2){transition-delay:160ms}
.eww-offcanvas.is-open .eww-offcanvas__menu a:nth-child(3){transition-delay:200ms}
.eww-offcanvas.is-open .eww-offcanvas__menu a:nth-child(4){transition-delay:240ms}
.eww-offcanvas.is-open .eww-offcanvas__menu a:nth-child(5){transition-delay:280ms}
.eww-offcanvas.is-open .eww-offcanvas__menu a:nth-child(6){transition-delay:320ms}
.eww-offcanvas.is-open .eww-offcanvas__menu a:nth-child(7){transition-delay:360ms}
@media (hover:hover) and (pointer:fine){
  .eww-offcanvas__menu a:hover{color:var(--eww-lime);transform:translateX(8px)}
  .eww-offcanvas__menu a:hover .eww-arrow{transform:translateX(4px);opacity:1}
}

.eww-arrow{width:28px;height:28px;flex:0 0 28px;opacity:.72;transition:transform var(--dur-ui) var(--ease-out),opacity 180ms ease}
.eww-arrow path{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}

.eww-offcanvas__cta{
  min-height:58px;margin-top:28px;
  border-radius:18px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:var(--eww-lime)!important;
  color:#14203f!important;
  -webkit-text-fill-color:#14203f!important;
  font-size:15px;font-weight:500;
  opacity:0;transform:translateY(14px) scale(.98);
  transition:opacity 300ms var(--ease-out),transform 300ms var(--ease-out),background 200ms ease;
}
.eww-offcanvas.is-open .eww-offcanvas__cta{opacity:1;transform:translateY(0) scale(1);transition-delay:340ms}
.eww-offcanvas__cta:active{transform:scale(.98)}
/* Kontrast obowiązkowy: na limonce nigdy nie używamy białego tekstu ani białej strzałki. */
.eww-nb-root .eww-offcanvas__cta,
.eww-nb-root .eww-offcanvas__cta:link,
.eww-nb-root .eww-offcanvas__cta:visited,
.eww-nb-root .eww-offcanvas__cta:hover,
.eww-nb-root .eww-offcanvas__cta:focus,
.eww-nb-root .eww-offcanvas__cta span,
.eww-nb-root .eww-offcanvas__cta svg{
  color:#14203f!important;
  -webkit-text-fill-color:#14203f!important;
}

.eww-offcanvas__legal{
  display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin-top:20px;
  opacity:0;transform:translateY(12px);transition:300ms var(--ease-out);
}
.eww-offcanvas.is-open .eww-offcanvas__legal{opacity:1;transform:translateY(0);transition-delay:380ms}
.eww-offcanvas__legal a{color:rgba(255,255,255,.66);font-size:12px;font-weight:400;transition:color 180ms ease}
.eww-offcanvas__legal a:hover{color:#fff}

.eww-offcanvas__social{
  display:flex;justify-content:center;gap:12px;margin-top:22px;
  opacity:0;transform:translateY(12px);transition:300ms var(--ease-out);
}
.eww-offcanvas.is-open .eww-offcanvas__social{opacity:1;transform:translateY(0);transition-delay:420ms}
.eww-offcanvas__social a{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#fff;
  transition:background 200ms ease,color 200ms ease,transform var(--dur-ui) var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
  .eww-offcanvas__social a:hover{background:#fff;color:var(--eww-navy);transform:translateY(-3px)}
}
.eww-offcanvas__social a:active{transform:scale(.94)}
.eww-offcanvas__social svg{width:18px;height:18px;fill:currentColor}

/* ============ RWD ============ */
@media(max-width:1320px){
  .eww-menu a{padding-inline:12px;font-size:12.5px}
  .eww-nav-switch{width:190px}
}

/* compact = pomiar overflow w JS; media 820 = fallback bez JS */
html.eww-nb-compact .eww-nb-root{padding:8px}
html.eww-nb-compact .eww-navbar{
  min-height:64px;
  padding:7px 8px;
  grid-template-columns:auto 1fr auto;
  border-radius:20px;
  width:100%;
}
html.eww-nb-compact .eww-menu,
html.eww-nb-compact .eww-navbar__right{grid-column:3;display:none}
html.eww-nb-compact .eww-logo-pill{padding:6px 10px 6px 6px}
html.eww-nb-compact .eww-logo-pill img{height:34px!important;max-height:34px!important;max-width:140px!important}
html.eww-nb-compact .eww-nb-root .eww-hamburger{display:inline-flex!important;grid-column:3;justify-self:end}

@media(max-width:820px){
  .eww-nb-root{padding:8px}
  .eww-navbar{
    min-height:64px;
    padding:7px 8px;
    grid-template-columns:auto 1fr auto;
    border-radius:20px;
    width:100%;
  }
  .eww-menu,.eww-navbar__right{grid-column:3;display:none}
  .eww-nb-root .eww-hamburger{display:inline-flex!important;grid-column:3;justify-self:end}
}

/* Mobile/compact: panel ma własną przestrzeń pod topbarem i navbarem.
   Elementy z góry nie przykrywają już przełącznika ani pierwszej pozycji menu. */
html.eww-nb-compact .eww-offcanvas{
  padding:0 18px max(18px,env(safe-area-inset-bottom));
}
html.eww-nb-compact .eww-offcanvas__top{display:none}
html.eww-nb-compact .eww-offcanvas__content{
  width:min(720px,100%);
  min-height:100%;
  margin:0 auto;
  padding:var(--eww-nb-offcanvas-top,150px) 0 24px;
  justify-content:flex-start;
}
html.eww-nb-compact.eww-nb-locked .eww-logo-pill{opacity:1;pointer-events:auto}

@media(max-width:820px){
  .eww-offcanvas{
    padding:0 18px max(18px,env(safe-area-inset-bottom));
  }
  .eww-offcanvas__top{display:none}
  .eww-offcanvas__content{
    width:100%;
    min-height:100%;
    margin:0 auto;
    padding:var(--eww-nb-offcanvas-top,150px) 0 24px;
    justify-content:flex-start;
  }
  html.eww-nb-locked .eww-logo-pill{opacity:1;pointer-events:auto}
  .eww-offcanvas .eww-nav-switch{margin-bottom:20px}
}

@media(max-width:560px){
  .eww-logo-pill{padding:5px}
  .eww-logo-pill img{max-width:110px!important}
  .eww-offcanvas{padding-inline:14px}
  .eww-offcanvas__content{padding-top:var(--eww-nb-offcanvas-top,138px)}
  .eww-offcanvas__menu a{font-size:clamp(25px,8vw,30px);padding:8px 0}
  .eww-offcanvas__cta{margin-top:22px;min-height:56px}
}

@media(max-width:820px){
  .eww-navbar{
    background:rgba(255,255,255,.08)!important;
    -webkit-backdrop-filter:blur(6px) saturate(106%);
    backdrop-filter:blur(6px) saturate(106%);
    box-shadow:0 6px 18px rgba(35,45,105,.02),inset 0 1px 0 rgba(255,255,255,.38);
  }
  html.eww-nb-scrolled .eww-navbar{
    background:rgba(255,255,255,.12)!important;
    box-shadow:0 8px 22px rgba(35,45,105,.035),inset 0 1px 0 rgba(255,255,255,.42);
  }
}

@media(prefers-reduced-motion:reduce){
  .eww-nb-root *,.eww-nb-root *::before,.eww-nb-root *::after{transition:none!important;animation:none!important}
}

/* EWW Navbar 2.1.7 — mobile off-canvas switch: pełna, przestrzenna kapsuła */
@media (max-width:820px){
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0 0 22px!important;
    padding:5px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    background-image:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 30px rgba(7,14,46,.18)!important;
  }
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:5px!important;
    bottom:auto!important;
    left:5px!important;
    width:calc(50% - 5px)!important;
    height:calc(100% - 10px)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    border-radius:999px!important;
    background:#fff!important;
    background-image:none!important;
    box-shadow:0 8px 22px rgba(4,10,35,.24),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch.is-business::before{transform:translateX(0)!important}
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch.is-candidate::before{transform:translateX(100%)!important}
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch__option{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:2!important;
    width:50%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 12px!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.72)!important;
    -webkit-text-fill-color:rgba(255,255,255,.72)!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    text-transform:none!important;
  }
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch__inner{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
  }
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch.is-business [data-page="business"],
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch.is-candidate [data-page="candidate"]{
    color:var(--eww-navy)!important;
    -webkit-text-fill-color:var(--eww-navy)!important;
  }
}
@media (max-width:390px){
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch{
    height:56px!important;
    min-height:56px!important;
  }
  html body .eww-nb-root .eww-offcanvas .eww-nav-switch__option{font-size:14px!important}
}