/* Shared light-nav override (partner / campaign / 404 / text) */
.nav--light {
  position: sticky;
  top: 0;
  background: #fff !important;
  border-bottom: 1px solid #eee;
  z-index: 50;
}
.nav--light .nav__menu a,
.nav--light .nav__logo { color: #1a1d20; }

/* ---------- Text page (polityka prywatności / pliki cookies / regulamin) ---------- */
.textpage {
  padding: calc(var(--header-h, 96px) + 40px) 0 80px;
  background: #fff;
  color: #1a1d20;
  min-height: 70vh;
}
.textpage .container { max-width: 920px; }
.textpage__head {
  margin-bottom: 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e5e7eb;
}
.textpage__eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #C9A24B;
  margin-bottom: 10px;
}
.textpage h1 {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 8px;
  color: #1a1d20;
}
.textpage__meta { color: #6b7280; font-size: 13px; }
.textpage__content {
  font-size: 15.5px;
  color: #3a3f44;
  line-height: 1.75;
}
.textpage__content h2 { font-size: 22px; font-weight: 700; margin: 36px 0 12px; line-height: 1.3; color: #1a1d20; }
.textpage__content h3 { font-size: 17px; font-weight: 600; margin: 24px 0 8px; color: #1a1d20; }
.textpage__content p  { margin: 0 0 16px; }
.textpage__content ul,
.textpage__content ol { margin: 0 0 16px; padding-left: 22px; }
.textpage__content li { margin-bottom: 6px; }
.textpage__content strong { color: #1a1d20; }
.textpage__content a {
  color: #C9A24B;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(201,162,75,.35);
}
.textpage__content a:hover {
  color: #B48D36;
  text-decoration-color: currentColor;
}
@media (max-width: 640px) {
  .textpage { padding: calc(var(--header-h, 76px) + 24px) 0 60px; }
  .textpage__content h2 { font-size: 20px; margin-top: 28px; }
}

/* ---------- Partner page ---------- */
.partnerpage {
  padding: 140px 0 80px;
  background: #fff;
  min-height: 70vh;
}
.partnerpage .container { max-width: 920px; }
.partnerpage__logo {
  height: 80px;
  max-width: 240px;
  object-fit: contain;
  margin-bottom: 28px;
}
.partnerpage h1 {
  font-size: 42px;
  font-weight: 700;
  margin: 0 0 16px;
  color: #1a1d20;
}
.partnerpage__lead {
  font-size: 17px;
  color: #3a3f44;
  line-height: 1.7;
  margin-bottom: 32px;
}
.partnerpage__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #C9A24B;
  color: #1C1608;
  padding: 14px 26px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}
.partnerpage__cta:hover { background: #B48D36; }

/* ---------- Campaign page ---------- */
/* Na stronach kampanii nav NIE jest fixed — wchodzi w normalny flow,
   żeby paczka mogła startować od y=0 swojego canvasa bez sztucznego
   padding-top na hoście. Decyzja produktowa: kampanie partnerów (Lenovo,
   Cisco, Poly) mają własne hero/banner, nasze sticky menu by się gryzło
   z ich brandingiem. Menu w flow = scroll zabiera je w górę naturalnie. */
.page-campaign .nav {
  position: static;
}
.page-campaign .nav.is-scrolled {
  top: 0; left: 0; right: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
.camppage {
  /* Bez padding-top — nav nie jest już fixed na campaign pages, więc
     paczka/iframe zaczyna się dokładnie tam, gdzie kończy się nav. */
  background: #fff;
}
.camppage__frame {
  width: 100%;
  border: 0;
  /* Iframe wypełnia viewport pomniejszony o wysokość nav (~80px na campaign
     pages, gdzie nav jest w flow). Dzięki temu po wejściu na /lenovo widać
     pełen landing partnera, a contact-form + footer dostępne pod scrollem.
     Przed fixem było 70vh → footer wystawał już ~30% pod iframe widoczne
     bez scrollowania. */
  min-height: calc(100vh - 80px);
  background: #fff;
  display: block;
}
@media (max-width: 1199.98px) {
  .camppage__frame { min-height: calc(100vh - 70px); }
}
.camppage-inline {
  /* Wrapper przejmuje rolę body paczki (campaign-inline.php kopiuje na niego
     body.class/id/style). Izolacja: styles paczki zscope'owane do
     .camppage-inline, nie wpływają na nav/footer hosta.
     UWAGA: NIE używamy contain:layout style — wewnątrz paczki mogą być
     scroll-margin-top / sticky / IntersectionObserver, które `contain` rozwala.
     `width: 100%` + `display: block` żeby paczka miała pełen kanwas do flex/grid.
     `text-align: initial` resetuje ewentualne dziedziczenie z host CSS. */
  display: block;
  width: 100%;
  background: #fff;
  isolation: isolate;
  position: relative;
  text-align: initial;
  /* Reset typograficzny — bez tego paczki dziedziczą font-family z host body
     (var(--font-body) = Inter), nawet jak same nie ustawiają. Paczka ustawia
     swój font na .camppage-inline scoped z `body { font-family }`. */
  font-family: initial;
  font-size: medium;
  line-height: normal;
  color: initial;
}
.camppage-inline > * { max-width: 100%; }

/* -----------------------------------------------------------------------------
   Host-CSS-bleed NEUTRALIZER for inline campaign packages
   -----------------------------------------------------------------------------
   Globalne reguły element-level w styles.css (np. `img { display: block }`,
   `h1-h4 { font-family: var(--font-display) }`, `button { border: none }`,
   `section { position: relative }`) WCHODZĄ do .camppage-inline, bo selektor
   `img` matchuje również img wewnątrz wrappera.

   Tu rewertujemy każdą znaną "leak point" do user-agent default. Pakiety
   dostają czysty kanwas. Ich własne scoped reguły (preset `.camppage-inline X`
   = specificity ≥ 0,2,0) zawsze przebijają poniższe (specificity ≤ 0,1,1),
   więc paczka swobodnie nadpisuje co potrzebuje.

   `revert` (NIE `initial`!) — wraca do user-agent stylesheet defaultu
   (np. `h1 { font-size: 2em }`), zachowując domyślną typografię HTML.

   Dodajesz nowe globalne element rules do styles.css? Dorzuć je tutaj,
   żeby nadal nie wyciekały do paczek. */
/* CRITICAL: Host ma `* { box-sizing: border-box }` (styles.css:31), ale paczki
   partnerów (Poly, Cisco) nie robią globalnego resetu — polegają na browser
   default `content-box`. Ich `padding: 140px 5%` przy border-box wymiarach
   skraca content-area, łamie zaprojektowaną geometrię (banner-inner, kolumny,
   grid-templates).
   Tu wracamy do `content-box` w obrębie paczki. Te paczki, które same chcą
   border-box, ustawiają go jawnie (np. `.foo { box-sizing: border-box }`)
   i wygrają specifity (0,2,0 > nasze 0,1,0). */
.camppage-inline,
.camppage-inline * { box-sizing: revert; }

.camppage-inline img,
.camppage-inline picture,
.camppage-inline svg,
.camppage-inline video,
.camppage-inline canvas { max-width: revert; display: revert; vertical-align: revert; }

.camppage-inline a { color: revert; text-decoration: revert; }

.camppage-inline button {
  font-family: revert; font-size: revert; font-weight: revert;
  cursor: revert; border: revert; background: revert; color: revert;
  padding: revert; line-height: revert;
}

.camppage-inline input,
.camppage-inline textarea,
.camppage-inline select {
  font-family: revert; font-size: revert; color: revert;
  border: revert; background: revert; padding: revert;
}

.camppage-inline h1,
.camppage-inline h2,
.camppage-inline h3,
.camppage-inline h4,
.camppage-inline h5,
.camppage-inline h6 {
  font-family: revert; font-weight: revert; letter-spacing: revert;
  margin: revert; line-height: revert; font-size: revert; color: revert;
}

.camppage-inline p,
.camppage-inline ul,
.camppage-inline ol,
.camppage-inline li,
.camppage-inline dl,
.camppage-inline dt,
.camppage-inline dd,
.camppage-inline blockquote,
.camppage-inline figure,
.camppage-inline table { margin: revert; padding: revert; list-style: revert; }

.camppage-inline section,
.camppage-inline article,
.camppage-inline aside,
.camppage-inline header,
.camppage-inline footer,
.camppage-inline nav,
.camppage-inline main { position: revert; display: revert; }

/* `html.js-reveal-ready .reveal/.drop-in/.slide-left/.slide-right/.reveal-stagger`
   z styles.css matchują GENERIC class names, których paczka może użyć przez
   przypadek (np. własny `.hero .reveal`). Wewnątrz inline wrappera resetujemy
   te animation hooks żeby nie ukrywały contentu paczki. */
html.js-reveal-ready .camppage-inline .reveal,
html.js-reveal-ready .camppage-inline .drop-in,
html.js-reveal-ready .camppage-inline .slide-left,
html.js-reveal-ready .camppage-inline .slide-right,
html.js-reveal-ready .camppage-inline .reveal-stagger > * {
  opacity: revert; transform: revert; transition: revert;
}

/* -----------------------------------------------------------------------------
   Generyczny safety net dla content-clip bugów paczek
   -----------------------------------------------------------------------------
   Paczki partnerów (Lenovo, Cisco, Poly, …) czasem stawiają `max-height`
   na blokach hero/banner zakładając konkretną długość tekstu i konkretny
   font (często z Typekit, którego paczka nie ładuje albo my nie mamy
   dostępu). Gdy fallback font ma inne metryki, content przekracza budget
   i zostaje obcięty pionowo (np. Poly `.product-banner-inner { max-height:
   330px }` + flex `align-items: center` → "Sy" obcięte u góry).

   Reguła: wewnątrz `.camppage-inline` neutralizujemy max-height na
   typowych nazwach klas (banner/hero/header), pozwalając content
   rozciągać się naturalnie. `!important` bo zwykle paczka ma to też z
   wysokością specifity 0,1,0.

   Trade-off: jeśli paczka świadomie chciała przyciąć hero do np. 400px,
   nasz reset to zniweluje. Akceptowalne — wolimy widoczny content niż
   "pixel-perfect" partner-spec, którego i tak nie odtworzymy bez ich
   custom fontów. */
.camppage-inline [class*="banner"],
.camppage-inline [class*="hero"],
.camppage-inline [class*="header"] {
  max-height: none !important;
}
.camppage__empty {
  max-width: 1280px;
  margin: 48px auto;
  padding: 0 24px;
  text-align: center;
}

/* ---------- 404 page ---------- */
.err404 {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #fff 0%, #FAF6EC 100%);
  padding: 120px 20px 80px;
  text-align: center;
}
.err404__inner { max-width: 560px; }
.err404__icon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #EBD7A8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #C9A24B;
  box-shadow: 0 8px 28px rgba(201,162,75,.18);
  margin-bottom: 28px;
}
.err404__icon svg { width: 46px; height: 46px; }
.err404__code {
  font-size: 78px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #1a1d20;
  line-height: 1;
  margin: 0 0 8px;
}
.err404__title {
  font-size: 26px;
  font-weight: 700;
  color: #1a1d20;
  margin: 0 0 14px;
}
.err404__sub {
  color: #556070;
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 32px;
}
.err404__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.err404__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.err404__btn--primary {
  background: #C9A24B;
  color: #fff;
  box-shadow: 0 4px 14px rgba(201,162,75,.3);
}
.err404__btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(201,162,75,.4);
}
.err404__btn--ghost {
  background: #fff;
  color: #1a1d20;
  border: 1px solid #E6DCC0;
}
.err404__btn--ghost:hover {
  border-color: #C9A24B;
  color: #C9A24B;
}

/* ---------- Cookies: hidden attr wins over flex/block ---------- */
.cookie-bar[hidden],
.cookie-modal[hidden],
.cookie-fab[hidden] { display: none !important; }

/* ---------- Cookies: bottom bar ---------- */
.cookie-bar {
  position: fixed;
  inset: auto 16px 16px 16px;
  z-index: 1000;
  background: #fff;
  border: 1px solid #e3e3e0;
  border-radius: 14px;
  box-shadow: 0 18px 60px rgba(0,0,0,.16), 0 4px 12px rgba(0,0,0,.06);
  padding: 18px 22px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .28s ease, transform .28s cubic-bezier(.22,.61,.36,1);
}
.cookie-bar.is-open { opacity: 1; transform: translateY(0); }
.cookie-bar__inner {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 1400px;
  margin: 0 auto;
}
.cookie-bar__text {
  flex: 1 1 auto;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: #3a3f44;
}
.cookie-bar__actions {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
  flex-wrap: wrap;
}
@media (max-width: 820px) {
  .cookie-bar { padding: 16px; border-radius: 12px; }
  .cookie-bar__inner { flex-direction: column; align-items: stretch; gap: 14px; }
  .cookie-bar__actions { justify-content: stretch; }
  .cookie-bar__actions .cookie-btn { flex: 1 1 0; }
}

/* ---------- Cookies: shared buttons ---------- */
.cookie-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  font-family: inherit;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.cookie-btn--primary { background: #C9A24B; color: #1C1608; border-color: #C9A24B; }
.cookie-btn--primary:hover { background: #B48D36; border-color: #B48D36; color: #1C1608; }
.cookie-btn--ghost { background: #fff; color: #1a1d20; border-color: #e3e3e0; }
.cookie-btn--ghost:hover { border-color: #1a1d20; }

/* ---------- Cookies: settings modal ---------- */
.cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  transition: opacity .22s ease;
}
.cookie-modal.is-open { opacity: 1; }
.cookie-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 12, 16, 0.55);
  backdrop-filter: blur(2px);
}
.cookie-modal__card {
  position: relative;
  width: 100%;
  max-width: 640px;
  max-height: calc(100vh - 48px);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateY(10px);
  transition: transform .28s cubic-bezier(.22,.61,.36,1);
}
.cookie-modal.is-open .cookie-modal__card { transform: translateY(0); }
.cookie-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px 16px;
  border-bottom: 1px solid #EEF0EE;
}
.cookie-modal__head h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: #1a1d20;
}
.cookie-modal__close {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6c7078;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}
.cookie-modal__close:hover { background: #F6F7F6; border-color: #e3e3e0; }
.cookie-modal__body {
  padding: 18px 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cookie-modal__foot {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 18px 24px 22px;
  border-top: 1px solid #EEF0EE;
  background: #FCFCFB;
}
.cookie-modal__foot .cookie-btn { flex: 1 1 0; }
@media (min-width: 600px) {
  .cookie-modal__foot .cookie-btn { flex: 0 0 auto; min-width: 200px; }
}

/* ---------- Cookies: category card ---------- */
.cookie-cat {
  border: 1px solid #E8EAE8;
  border-radius: 12px;
  padding: 13px 16px;
  transition: border-color .18s ease;
}
.cookie-cat:hover { border-color: #D4D7D4; }
.cookie-cat__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.cookie-cat__info { flex: 1 1 auto; min-width: 0; }
.cookie-cat__info h3 {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 700;
  color: #1a1d20;
}
.cookie-cat__info p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: #5a5f65;
}
.cookie-cat__controls {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.cookie-cat__expand {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6c7078;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: transform .22s ease, background .18s ease;
}
.cookie-cat__expand:hover { background: #F6F7F6; }
.cookie-cat__expand[aria-expanded="true"] { transform: rotate(180deg); background: #F6F7F6; }
.cookie-cat__expand--placeholder { pointer-events: none; visibility: hidden; }
.cookie-cat__list {
  list-style: none;
  margin: 16px -6px 0;
  padding: 0;
  border-top: 1px solid #EEF0EE;
}
.cookie-cat__list li {
  padding: 12px 6px;
  border-bottom: 1px solid #F1F2F1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cookie-cat__list li:last-child { border-bottom: 0; }
.cookie-cat__list-name { font-size: 12.5px; color: #1a1d20; font-weight: 600; }
.cookie-cat__list-name .text-muted { color: #8a8f94; font-weight: 400; }
.cookie-cat__list-desc { font-size: 12px; color: #5a5f65; line-height: 1.45; }

/* ---------- Cookies: toggle switch ---------- */
.cookie-toggle { position: relative; display: inline-block; cursor: pointer; }
.cookie-toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
.cookie-toggle__track {
  display: inline-block;
  width: 46px;
  height: 24px;
  background: #CDD0CD;
  border-radius: 30px;
  position: relative;
  transition: background .22s ease;
}
.cookie-toggle__thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,.18);
  transition: transform .22s cubic-bezier(.22,.61,.36,1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C9A24B;
}
.cookie-toggle input:checked + .cookie-toggle__track { background: #E3C277; }
.cookie-toggle input:checked + .cookie-toggle__track .cookie-toggle__thumb { transform: translateX(22px); }
.cookie-toggle.is-locked { cursor: not-allowed; opacity: .95; }
.cookie-toggle.is-locked input:checked + .cookie-toggle__track { background: #E3C277; }

/* ---------- Cookies: floating FAB ---------- */
.cookie-fab {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #e3e3e0;
  background: #fff;
  color: #C9A24B;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  padding: 0;
}
.cookie-fab svg { width: 22px; height: 22px; }
.cookie-fab:hover { background: #C9A24B; color: #1C1608; }

/* Front-end toast */
#fe-toast-root { position: fixed; top: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
.fe-toast { pointer-events: auto; min-width: 240px; max-width: 420px; padding: 12px 16px; border-radius: 10px; background: #1C1608; color: #fff; font-size: 14px; line-height: 1.4; box-shadow: 0 10px 30px rgba(0,0,0,.18); opacity: 0; transform: translateY(-8px); transition: opacity .25s ease, transform .25s ease; cursor: pointer; }
.fe-toast.is-shown { opacity: 1; transform: translateY(0); }
.fe-toast--error { background: #B4324B; }
.fe-toast--success { background: #2F7D5A; }
@media (max-width: 520px) { #fe-toast-root { left: 12px; right: 12px; top: 12px; } .fe-toast { max-width: none; } }

/* ---------- Cookies modal: mobile collapse ---------- */
@media (max-width: 760px) {
  /* Hide long descriptions by default; show only when the category is expanded */
  .cookie-cat__info p { display: none; }
  .cookie-cat:has(.cookie-cat__expand[aria-expanded="true"]) .cookie-cat__info p {
    display: block;
    margin-top: 8px;
  }
  /* Tighter card on phones */
  .cookie-modal__card { border-radius: 14px; max-height: calc(100dvh - 24px); }
  .cookie-modal { padding: 12px; }
  .cookie-cat { padding: 11px 14px; }
  .cookie-cat__head { gap: 12px; }
}