/* ==========================================================================
   4Values: cały wygląd motywu 4values-child
   Kolejność: @font-face → zmienne Kadence → :root → akcent strony → @supports fallback → reset →
   typografia → style bloków dp-* → przyciski → header/menu → akordeon → wpis → listy → stopka.
   ZASADA: w regułach nie ma hexów, rgba() ani color-mix(), tylko var(--dp-…).
   Nowy odcień = nowy token w :root I jego odpowiednik w bloku @supports.
   Minimum: Chrome 109 (Windows 7). Bez CSS nesting, bez text-wrap:balance bez fallbacku.
   Wzorzec wyglądu: makieta „WZORZEC: twórcy — nowa identyfikacja”, kolory: księga znaku 4Values.
   ========================================================================== */

/* ---------- Font marki: Roboto (variable 100–900, lokalnie, latin + latin-ext, prosty i kursywa) ---------- */
@font-face{
  font-family:'Roboto';
  src:url('../fonts/Roboto-latin-ext.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Roboto';
  src:url('../fonts/Roboto-latin.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Roboto';
  src:url('../fonts/Roboto-Italic-latin-ext.woff2') format('woff2');
  font-weight:100 900;
  font-style:italic;
  font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Roboto';
  src:url('../fonts/Roboto-Italic-latin.woff2') format('woff2');
  font-weight:100 900;
  font-style:italic;
  font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Zmienne Kadence: nadpisane selektorem o wyższej specyficzności (Kadence ładuje się po motywie) ---------- */
html:root{
  --global-body-font-family:'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --global-heading-font-family:'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

/* ---------- Tokeny ---------- */
:root{
  /* role z palety Kadence (kadence-paleta.json) */
  --dp-heading:var(--global-palette2,#000000);
  --dp-text:var(--global-palette3,#333333);
  --dp-muted:var(--global-palette4,#4A4A4A);
  --dp-dim:var(--global-palette5,#4A4A4A);
  --dp-faint:var(--global-palette6,#8B9398);
  --dp-panel:var(--global-palette7,#EAEFF4);
  --dp-bg:var(--global-palette9,#FFFFFF);
  /* kolory główne marki (księga znaku) + odcienie do tekstu na białym (kontrast AA) */
  --dp-pomarancz:var(--global-palette1,#FF6E02);
  --dp-turkus:var(--global-palette10,#02BFA5);
  --dp-niebieski:var(--global-palette11,#3E5BFE);
  --dp-czerwien:var(--global-palette12,#FF1746);
  --dp-pomarancz-ink:#C45400;
  --dp-turkus-ink:#01806F;
  --dp-niebieski-ink:#2742D8;
  --dp-czerwien-ink:#C20F33;
  --dp-niebieski-jasny:#6F85FF; /* niebieski na ciemnym tle */
  /* uzupełniające i tła sekcji (księga znaku) */
  --dp-ciemny:var(--global-palette13,#0D0F10);
  --dp-tlo-turkus:var(--global-palette14,#E2EDED);
  --dp-tlo-piasek:#EAEAE5;
  --dp-tlo-roz:#FEF1F3;
  --dp-szary:var(--global-palette15,#B6C0C6);
  --dp-stalowy:#93B2C2;
  --dp-piasek:#C3AF94;
  --dp-bialy:#FFFFFF;
  --dp-czarny:#000000;
  /* linie */
  --dp-line:#E0E5E8;              /* obrys kart */
  --dp-line-soft:#EEF1F3;
  --dp-line-strong:var(--dp-szary); /* linia nagłówka sekcji, tabele */
  /* ciemne powierzchnie (header, stopka, karta ciemna) */
  --dp-ciemny-naglowki:#FFFFFF;
  --dp-ciemny-tekst:#CFD4D7;
  --dp-ciemny-link:#E4E7E9;
  --dp-ciemny-wyciszony:#9AA3A8;
  --dp-ciemny-linia:#2B3033;
  --dp-ciemny-panel:#181B1D;
  /* pasek 4-kolorowy marki */
  --dp-pasek:linear-gradient(90deg, var(--dp-turkus) 0%, var(--dp-turkus) 25%, var(--dp-niebieski) 25%, var(--dp-niebieski) 50%, var(--dp-pomarancz) 50%, var(--dp-pomarancz) 75%, var(--dp-czerwien) 75%, var(--dp-czerwien) 100%);
  /* zdjęcia */
  --dp-hero-scrim:linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.5) 55%, rgba(0,0,0,.22) 100%);
  --dp-hero-scrim-mobile:linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.78) 100%);
  --dp-cien:0 12px 32px rgba(0,0,0,.35);
  /* typografia i układ */
  --dp-fw-heading:700; --dp-fw-title:600; --dp-fw-ui:500; --dp-fw-text:400; --dp-fw-light:300;
  --dp-font:'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --dp-max:1320px; --dp-read:720px; --dp-gutter:48px;
  --dp-sec-y:92px; --dp-gap:24px; --dp-radius:4px;
  --dp-fs-h1:clamp(2.25rem, 1.45rem + 3.2vw, 3.625rem);   /* 36 → 58 */
  --dp-fs-h2:clamp(2rem, 1.55rem + 1.8vw, 2.875rem);      /* 32 → 46 */
  --dp-fs-h3:clamp(1.5rem, 1.35rem + .6vw, 1.75rem);      /* 24 → 28 */
  --dp-fs-h4:1.3125rem;                                   /* 21 */
  --dp-fs-break:clamp(1.625rem, 1.2rem + 1.6vw, 2.375rem);/* 26 → 38, przerywnik */
  --dp-fs-num:clamp(2.5rem, 2rem + 1.6vw, 3.25rem);       /* 40 → 52, liczby */
  --dp-fs-xl:clamp(4.5rem, 3rem + 6vw, 8.75rem);          /* 72 → 140, liczba XL */
  --dp-fs-lede:clamp(1.0625rem, 1rem + .25vw, 1.1875rem); /* 17 → 19 */
}
@media (max-width:767px){
  :root{--dp-gutter:20px;--dp-sec-y:64px;--dp-gap:16px}
}

/* ---------- Akcent strony (segment). Klasa body z pola „Kolor akcentu” (inc/akcent.php).
   Pochodne akcentu deklarowane na body, bo zmienna z var() liczy się tam, gdzie ją zadeklarowano. ---------- */
body{
  --dp-contrast:var(--dp-pomarancz);
  --dp-contrast-ink:var(--dp-pomarancz-ink);
  --dp-on-accent:var(--dp-czarny);
  --dp-przerywnik-baza:var(--dp-contrast);
}
body.fv-akcent-turkus{--dp-contrast:var(--dp-turkus);--dp-contrast-ink:var(--dp-turkus-ink)}
body.fv-akcent-niebieski{--dp-contrast:var(--dp-niebieski);--dp-contrast-ink:var(--dp-niebieski-ink)}
body.fv-akcent-czerwien{--dp-contrast:var(--dp-czerwien);--dp-contrast-ink:var(--dp-czerwien-ink)}
body.fv-akcent-czarny{--dp-contrast:var(--dp-ciemny);--dp-contrast-ink:var(--dp-ciemny);--dp-on-accent:var(--dp-bialy);--dp-przerywnik-baza:var(--dp-stalowy)}
body, body[class*="fv-akcent-"]{
  --dp-accent:var(--dp-contrast);
  --dp-przerywnik:linear-gradient(135deg, color-mix(in srgb, var(--dp-przerywnik-baza) 26%, var(--dp-ciemny)) 0%, color-mix(in srgb, var(--dp-przerywnik-baza) 10%, var(--dp-ciemny)) 55%, var(--dp-ciemny) 100%);
}

/* ---------- Fallback: przeglądarki bez color-mix() (Chrome < 111). Każdy token pochodny MUSI tu być. ---------- */
@supports not (color:color-mix(in srgb, red, red)){
  body, body.fv-akcent-pomarancz{--dp-przerywnik:linear-gradient(135deg,#4C280C 0%,#25180F 55%,#0D0F10 100%)}
  body.fv-akcent-turkus{--dp-przerywnik:linear-gradient(135deg,#0A3D37 0%,#0C211F 55%,#0D0F10 100%)}
  body.fv-akcent-niebieski{--dp-przerywnik:linear-gradient(135deg,#1A234E 0%,#121728 55%,#0D0F10 100%)}
  body.fv-akcent-czerwien{--dp-przerywnik:linear-gradient(135deg,#4C111E 0%,#251015 55%,#0D0F10 100%)}
  body.fv-akcent-czarny{--dp-przerywnik:linear-gradient(135deg,#30393E 0%,#1A1F22 55%,#0D0F10 100%)}
}

/* ---------- Reset ---------- */
html,body{overflow-x:clip}
/* Kadence wstawia inline body{background:var(--global-palette8)} po motywie: przejmujemy tło (też płótno edytora). */
html body, html body.editor-styles-wrapper, html .editor-styles-wrapper{background:var(--dp-bg) !important}
body{margin:0;color:var(--dp-text);font-family:var(--dp-font);font-weight:var(--dp-fw-text);font-size:1rem;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
.screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.fv-skip{position:absolute;left:-9999px;top:0;z-index:2000;padding:12px 18px;background:var(--dp-bg);color:var(--dp-heading)}
.fv-skip:focus{left:12px;top:12px}
/* Pusty akapit (zostaje po wyczyszczeniu treści w edytorze) nie robi białego paska nad hero. */
.fv-main > p:empty{display:none}
.fv-main > :first-child{margin-top:0}
/* Kadence liczy .alignfull od 100vw (+ pasek przewijania) → poziomy scroll. */
main > .alignfull{margin-left:0 !important;margin-right:0 !important;width:auto !important;max-width:none !important}
:focus-visible{outline:2px solid var(--dp-contrast-ink);outline-offset:3px}

/* ---------- Typografia (front + edytor) ---------- */
:is(main, .editor-styles-wrapper) :is(h1,h2,h3,h4,h5){color:var(--dp-heading);font-family:var(--dp-font);font-weight:var(--dp-fw-heading);margin:0 0 .5em}
:is(main, .editor-styles-wrapper) h1{font-size:var(--dp-fs-h1);line-height:1.08;letter-spacing:-.02em}
:is(main, .editor-styles-wrapper) h2{font-size:var(--dp-fs-h2);line-height:1.12;letter-spacing:-.02em}
:is(main, .editor-styles-wrapper) h3{font-size:var(--dp-fs-h3);line-height:1.25;letter-spacing:-.01em;font-weight:var(--dp-fw-title)}
:is(main, .editor-styles-wrapper) h4{font-size:var(--dp-fs-h4);line-height:1.3;font-weight:var(--dp-fw-title)}
:is(main, .editor-styles-wrapper) h5{font-size:1.125rem;line-height:1.35;font-weight:var(--dp-fw-title)}
:is(main, .editor-styles-wrapper) p{line-height:1.7}
:is(main, .editor-styles-wrapper) strong{font-weight:var(--dp-fw-heading)}
:is(main, .editor-styles-wrapper) a{color:var(--dp-contrast-ink);text-underline-offset:.2em}
:is(main, .editor-styles-wrapper) a:hover{color:var(--dp-heading)}
:is(main, .editor-styles-wrapper) blockquote, .dp-quote{font-style:italic;font-weight:var(--dp-fw-text)}

/* ==========================================================================
   Style bloków dp-* (słownik: inc/block-styles.php). Klasa działa jako styl bloku i jako zwykła klasa.
   ========================================================================== */

/* --- Tekst (Advanced Heading) --- */
/* Etykieta nad H2: pasek 4-kolorowy 44×3 + wersaliki. */
.is-style-dp-eyebrow, .dp-eyebrow{display:flex !important;align-items:center;gap:14px;font-size:.8125rem !important;line-height:1.3 !important;letter-spacing:.12em;text-transform:uppercase;font-weight:var(--dp-fw-title) !important;color:var(--dp-dim) !important;margin-bottom:22px !important}
.is-style-dp-eyebrow::before, .dp-eyebrow::before{content:"";display:block;flex:0 0 44px;height:3px;background:var(--dp-pasek)}
/* Advanced Heading w edytorze ma ukryty <style>: nie odsłaniaj go regułą na dzieci. */
.is-style-dp-eyebrow > :not(style, script){display:inline}
.is-style-dp-eyebrow > style{display:none}
/* Numer karty (A1, B2) / etykieta karty: kolor karty. */
.is-style-dp-kicker, .dp-kicker{font-size:.75rem !important;line-height:1.3 !important;letter-spacing:.1em;text-transform:uppercase;font-weight:var(--dp-fw-heading) !important;color:var(--dp-karta-ink, var(--dp-contrast-ink)) !important;margin:0 !important}
/* H1 hero / hasło. */
.is-style-dp-display, .dp-display{font-size:var(--dp-fs-h1) !important;font-weight:var(--dp-fw-heading) !important;line-height:1.08 !important;letter-spacing:-.02em;color:var(--dp-heading);max-width:760px}
/* Duża liczba (statystyki): lekka waga. */
.is-style-dp-display-light, .dp-display-light, .is-style-dp-num, .dp-num{font-size:var(--dp-fs-num) !important;font-weight:var(--dp-fw-light) !important;line-height:1 !important;letter-spacing:-.02em;color:var(--dp-heading) !important;margin:0 0 10px !important}
/* Lead hero (pod H1 na zdjęciu). */
.is-style-dp-subtitle, .dp-subtitle{font-size:var(--dp-fs-lede) !important;line-height:1.65 !important;font-weight:var(--dp-fw-text) !important;color:var(--dp-text);max-width:680px}
/* Lead sekcji. */
.is-style-dp-lede, .dp-lede{font-size:1.125rem !important;line-height:1.7 !important;color:var(--dp-text);max-width:780px}
/* Tytuł karty (H4). */
.is-style-dp-card-title, .dp-card-title{font-size:var(--dp-fs-h4) !important;font-weight:var(--dp-fw-title) !important;line-height:1.3 !important;color:var(--dp-heading);margin:0 !important}
/* Opis pod tytułem grupy / tekst drugorzędny. */
.is-style-dp-muted, .dp-muted{font-size:1.0625rem !important;line-height:1.6 !important;color:var(--dp-muted) !important;max-width:640px}
/* Zdanie w pasku CTA. */
.is-style-dp-value, .dp-value{font-size:1.375rem !important;line-height:1.45 !important;font-weight:var(--dp-fw-ui) !important;color:var(--dp-heading);max-width:620px}
/* Hasło przerywnika (na gradiencie). */
.is-style-dp-break-title, .dp-break-title{font-size:var(--dp-fs-break) !important;line-height:1.25 !important;font-weight:var(--dp-fw-heading) !important;letter-spacing:-.01em;text-align:center;color:var(--dp-ciemny-naglowki) !important;max-width:820px;margin-left:auto !important;margin-right:auto !important}
/* Liczba XL („6%”, „1500”). */
.is-style-dp-num-xl, .dp-num-xl{font-size:var(--dp-fs-xl) !important;font-weight:var(--dp-fw-light) !important;line-height:.95 !important;letter-spacing:-.04em;color:var(--dp-heading)}
/* Tytuł grupy usług (H3 z linią nad). */
.is-style-dp-group-title, .dp-group-title{border-top:1px solid var(--dp-line-strong);padding-top:22px;margin:0 0 8px !important}

/* --- Kolumny (Column): karty. Tło i padding na wnętrzu. Front: .kt-inside-inner-col, edytor: .kadence-inner-column-inner.
   Prefiks html → wyższa specyficzność niż tokeny Kadence 3.8 (--kb-col-bg). --- */
/* Kolor karty: kolejno turkus, niebieski, pomarańcz, czerwień (jak w kafelkach B1–B4 wzorca); warianty kolorów to nadpisują. */
.wp-block-kadence-column{--dp-karta:var(--dp-contrast);--dp-karta-ink:var(--dp-contrast-ink)}
.wp-block-kadence-column:nth-child(4n+1){--dp-karta:var(--dp-turkus);--dp-karta-ink:var(--dp-turkus-ink)}
.wp-block-kadence-column:nth-child(4n+2){--dp-karta:var(--dp-niebieski);--dp-karta-ink:var(--dp-niebieski-ink)}
.wp-block-kadence-column:nth-child(4n+3){--dp-karta:var(--dp-pomarancz);--dp-karta-ink:var(--dp-pomarancz-ink)}
.wp-block-kadence-column:nth-child(4n+4){--dp-karta:var(--dp-czerwien);--dp-karta-ink:var(--dp-czerwien-ink)}
.wp-block-kadence-column.is-style-dp-card-turkus{--dp-karta:var(--dp-turkus);--dp-karta-ink:var(--dp-turkus-ink)}
.wp-block-kadence-column.is-style-dp-card-niebieski{--dp-karta:var(--dp-niebieski);--dp-karta-ink:var(--dp-niebieski-ink)}
.wp-block-kadence-column.is-style-dp-card-pomarancz{--dp-karta:var(--dp-pomarancz);--dp-karta-ink:var(--dp-pomarancz-ink)}
.wp-block-kadence-column.is-style-dp-card-czerwien{--dp-karta:var(--dp-czerwien);--dp-karta-ink:var(--dp-czerwien-ink)}
.wp-block-kadence-column:is(.is-style-dp-card-dark, .is-style-dp-card-accent, .is-style-dp-placeholder){--dp-karta:var(--dp-contrast);--dp-karta-ink:var(--dp-contrast)}

/* Karta: biała, obrys, górna krawędź 4px w kolorze karty. */
html .wp-block-kadence-column:is(.is-style-dp-card, .is-style-dp-card-turkus, .is-style-dp-card-niebieski, .is-style-dp-card-pomarancz, .is-style-dp-card-czerwien) > :is(.kt-inside-inner-col, .kadence-inner-column-inner){background:var(--dp-bg);border:1px solid var(--dp-line);border-top:4px solid var(--dp-karta);border-radius:var(--dp-radius);padding:30px;display:flex;flex-direction:column;gap:12px;height:100%;box-sizing:border-box}
/* Karta na tle sekcji (panel/kolor): bez obrysu, jak kafelki B. */
html :is(.is-style-dp-section--panel, .is-style-dp-section--turkus, .is-style-dp-section--piasek, .is-style-dp-section--roz) .wp-block-kadence-column[class*="is-style-dp-card"]:not(.is-style-dp-card-dark):not(.is-style-dp-card-accent):not(.is-style-dp-card-dashed):not(.is-style-dp-card-outline) > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border-color:transparent;border-top-color:var(--dp-karta)}
/* Karta ciemna (C1). */
html .is-style-dp-card-dark > :is(.kt-inside-inner-col, .kadence-inner-column-inner){background:var(--dp-ciemny);border-top:4px solid var(--dp-karta);border-radius:var(--dp-radius);padding:34px;display:flex;flex-direction:column;gap:12px;height:100%;box-sizing:border-box;color:var(--dp-ciemny-tekst)}
/* Kafel akcentu („Efekt”). */
html .is-style-dp-card-accent > :is(.kt-inside-inner-col, .kadence-inner-column-inner){background:var(--dp-contrast);color:var(--dp-on-accent);border-radius:var(--dp-radius);padding:34px;display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box}
html .is-style-dp-card-accent :is(h2,h3,h4,p,.dp-kicker,.is-style-dp-kicker){color:var(--dp-on-accent) !important}
/* Baner z przerywaną ramką („Dopiero startujesz?”). */
html .is-style-dp-card-dashed > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border:1px dashed var(--dp-line-strong);border-radius:var(--dp-radius);padding:26px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
/* Werdykt: ramka 2px. */
html .is-style-dp-card-outline > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border:2px solid var(--dp-heading);border-radius:var(--dp-radius);padding:40px;display:flex;flex-direction:column;gap:14px}
/* Komórka: linia 1px nad treścią (zakres, „brzmi znajomo”, lista). */
html .is-style-dp-cell > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border-top:1px solid var(--dp-line-strong);padding:22px 32px 28px 0;display:flex;flex-direction:column;gap:10px}
/* Krok / kolumna: linia 2px nad treścią (filary, kroki, liczby). */
html .is-style-dp-step > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border-top:2px solid var(--dp-heading);padding-top:22px;display:flex;flex-direction:column;gap:10px}
/* Pigułka (kraje, spis kotwic). */
html .is-style-dp-chip > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border:1px solid var(--dp-line-strong);border-radius:999px;padding:8px 16px;display:inline-flex;align-items:center;justify-content:center;font-size:.9375rem}
/* Zdjęcie w karcie (lewa kolumna grupy A): górna krawędź w kolorze akcentu. */
html .is-style-dp-placeholder > :is(.kt-inside-inner-col, .kadence-inner-column-inner){position:relative;min-height:500px;height:100%;box-sizing:border-box;border-top:4px solid var(--dp-karta);border-radius:var(--dp-radius);overflow:hidden;background:var(--dp-panel);background-size:cover;background-position:center}
/* Zdjęcie (core/image) wypełnia kolumnę jak tło: wysokość daje sąsiednia kolumna z kartami albo min-height. */
html .is-style-dp-placeholder figure{position:absolute;inset:0;margin:0 !important}
html .is-style-dp-placeholder figure img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:767px){html .is-style-dp-placeholder > :is(.kt-inside-inner-col, .kadence-inner-column-inner){min-height:280px}}
/* Metryczka (dane case’u: Problem / Co zrobiliśmy / Efekt). */
html .is-style-dp-meta > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border-top:2px solid var(--dp-karta);padding-top:20px;display:flex;flex-direction:column;gap:10px}

/* Tekst w ciemnych kartach i sekcjach. */
html :is(.is-style-dp-card-dark, .is-style-dp-section--dark, .is-style-dp-section--break) :is(h1,h2,h3,h4,h5,.dp-card-title,.is-style-dp-card-title,.dp-display,.is-style-dp-display,.dp-num,.is-style-dp-num){color:var(--dp-ciemny-naglowki) !important}
html :is(.is-style-dp-card-dark, .is-style-dp-section--dark) :is(p,li){color:var(--dp-ciemny-tekst)}
html :is(.is-style-dp-section--dark) :is(.dp-eyebrow,.is-style-dp-eyebrow,.dp-muted,.is-style-dp-muted){color:var(--dp-ciemny-wyciszony) !important}
html .is-style-dp-section--dark .wp-block-kadence-column:is(.is-style-dp-cell, .is-style-dp-step) > :is(.kt-inside-inner-col, .kadence-inner-column-inner){border-top-color:var(--dp-ciemny-linia)}
html .is-style-dp-section--dark .wp-block-kadence-column[class*="is-style-dp-card-"]:not(.is-style-dp-card-accent) > :is(.kt-inside-inner-col, .kadence-inner-column-inner),
html .is-style-dp-section--dark .wp-block-kadence-column.is-style-dp-card > :is(.kt-inside-inner-col, .kadence-inner-column-inner){background:var(--dp-ciemny-panel);border-color:var(--dp-ciemny-linia);border-top-color:var(--dp-karta)}
html .is-style-dp-section--dark .is-style-dp-kicker{color:var(--dp-karta) !important}

/* --- Sekcje (Row Layout). Front: .kb-row-layout-wrap, edytor: div.wp-block-kadence-rowlayout.
   Wnętrze: front > .kt-row-column-wrap, edytor > .kt-row-layout-inner > .kt-row-column-wrap. --- */
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout)[class*="is-style-dp-section"]{position:relative}
html .kb-row-layout-wrap[class*="is-style-dp-section"] > .kt-row-column-wrap,
html .wp-block-kadence-rowlayout[class*="is-style-dp-section"] > .kt-row-layout-inner > .kt-row-column-wrap{max-width:var(--dp-max) !important;margin-left:auto;margin-right:auto;padding:var(--dp-sec-y) var(--dp-gutter) !important;box-sizing:border-box}
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section{background:var(--dp-bg)}
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section--panel{background:var(--dp-panel)}
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section--turkus{background:var(--dp-tlo-turkus)}
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section--piasek{background:var(--dp-tlo-piasek)}
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section--roz{background:var(--dp-tlo-roz)}
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section--dark{background:var(--dp-ciemny);color:var(--dp-ciemny-tekst)}
/* Pełne tło w kolorze akcentu (pas CTA). */
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section--glow{background:var(--dp-contrast);color:var(--dp-on-accent)}
html .is-style-dp-section--glow :is(h1,h2,h3,p){color:var(--dp-on-accent) !important}
/* Przerywnik: jeden kolor akcentu, delikatny gradient, 340px. */
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-section--break{background:var(--dp-przerywnik);min-height:340px;display:flex;align-items:center}
html .kb-row-layout-wrap.is-style-dp-section--break > .kt-row-column-wrap{width:100%}
/* Wiersz wewnętrzny bez własnego paddingu sekcji (siatki kart w sekcji). */
html .kb-row-layout-wrap[class*="is-style-dp-section"] .kb-row-layout-wrap:not([class*="is-style-dp-section"]):not(.is-style-dp-cta-bar) > .kt-row-column-wrap{padding:0 !important}
html .kb-row-layout-wrap[class*="is-style-dp-section"] .kb-row-layout-wrap:not([class*="is-style-dp-section"]){margin-top:var(--dp-gap)}
/* Kolumna z kartami jedna pod drugą (grupa A obok zdjęcia): karty dzielą wysokość zdjęcia. */
html .kb-row-layout-wrap.kt-has-1-columns > .kt-row-column-wrap:has(> .wp-block-kadence-column[class*="is-style-dp-card"]){height:100%;grid-auto-rows:1fr;gap:var(--dp-gap)}
html .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap:only-child{height:100%;margin-top:0}
/* Siatka z cienkimi liniami. */
html .kb-row-layout-wrap.is-style-dp-grid-hairline > .kt-row-column-wrap,
html .wp-block-kadence-rowlayout.is-style-dp-grid-hairline > .kt-row-layout-inner > .kt-row-column-wrap{gap:1px !important;background:var(--dp-line)}
/* Pasek CTA na dole sekcji: linia nad, zdanie + przycisk w rzędzie. */
html .kb-row-layout-wrap.is-style-dp-cta-bar > .kt-row-column-wrap,
html .wp-block-kadence-rowlayout.is-style-dp-cta-bar > .kt-row-layout-inner > .kt-row-column-wrap{border-top:1px solid var(--dp-line-strong);padding:40px 0 0 !important;margin-top:22px;align-items:center}
@media (min-width:768px){html .is-style-dp-cta-bar .wp-block-kadence-column:last-child .kb-buttons-wrap{justify-content:flex-end}}

/* --- Listy (core/list z klasą) --- */
/* Lista z myślnikiem w kolorze akcentu („skrót ceny”). */
:is(main, .editor-styles-wrapper) ul.is-style-dp-dash, :is(main, .editor-styles-wrapper) ul.dp-dash{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
:is(ul.is-style-dp-dash, ul.dp-dash) > li{position:relative;padding-left:30px;line-height:1.6}
:is(ul.is-style-dp-dash, ul.dp-dash) > li::before{content:"";position:absolute;left:0;top:.8em;width:18px;height:2px;background:var(--dp-contrast)}
/* Lista numerowana w wierszach (czynniki ceny, „co jest w cenie”). */
:is(main, .editor-styles-wrapper) ol.is-style-dp-rows, :is(main, .editor-styles-wrapper) ol.dp-rows{list-style:none;counter-reset:dp-rows;padding:0;margin:0}
:is(ol.is-style-dp-rows, ol.dp-rows) > li{counter-increment:dp-rows;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--dp-line-strong);line-height:1.6}
:is(ol.is-style-dp-rows, ol.dp-rows) > li::before{content:counter(dp-rows, decimal-leading-zero);font-size:.8125rem;font-weight:var(--dp-fw-heading);letter-spacing:.1em;color:var(--dp-contrast-ink);padding-top:.2em}

/* --- Tabela cennika (core/table z klasą) --- */
:is(main, .editor-styles-wrapper) .is-style-dp-price, :is(main, .editor-styles-wrapper) .dp-price{overflow-x:auto;margin:0}
:is(.is-style-dp-price, .dp-price) table{width:100%;min-width:760px;border-collapse:collapse;font-size:.9375rem}
:is(.is-style-dp-price, .dp-price) :is(th,td){padding:16px 18px 16px 0;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--dp-line-strong)}
:is(.is-style-dp-price, .dp-price) thead th{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;font-weight:var(--dp-fw-title);color:var(--dp-heading);border-bottom:2px solid var(--dp-heading)}
:is(.is-style-dp-price, .dp-price) tbody th, :is(.is-style-dp-price, .dp-price) tbody td:first-child{font-weight:var(--dp-fw-title);color:var(--dp-heading)}
:is(.is-style-dp-price, .dp-price) figcaption{font-size:.875rem;color:var(--dp-muted);margin-top:12px;text-align:left}
.is-style-dp-section--dark :is(.is-style-dp-price, .dp-price) :is(th,td){border-bottom-color:var(--dp-ciemny-linia);color:var(--dp-ciemny-tekst)}
.is-style-dp-section--dark :is(.is-style-dp-price, .dp-price) thead th{border-bottom-color:var(--dp-ciemny-naglowki);color:var(--dp-ciemny-naglowki)}

/* ==========================================================================
   Przyciski: CSS Kadence ładuje się po motywie i ustawia kolory zmiennymi → !important konieczne.
   Front: a.kb-button.is-style-…, edytor: div.wp-block-kadence-singlebtn.is-style-… span.kt-button.
   ========================================================================== */
.kb-button, .wp-block-kadence-singlebtn .kt-button{font-family:var(--dp-font) !important;font-size:1rem !important;font-weight:var(--dp-fw-title) !important;line-height:1.2 !important;border-radius:var(--dp-radius) !important;transition:background-color .2s ease, color .2s ease, border-color .2s ease}
:is(.kb-button.is-style-dp-btn-primary, .wp-block-kadence-singlebtn.is-style-dp-btn-primary .kt-button){background:var(--dp-contrast) !important;color:var(--dp-on-accent) !important;border:0 !important;padding:17px 32px !important}
:is(.kb-button.is-style-dp-btn-primary, .wp-block-kadence-singlebtn.is-style-dp-btn-primary .kt-button):hover{background:var(--dp-heading) !important;color:var(--dp-bialy) !important}
:is(.kb-button.is-style-dp-btn-ghost, .wp-block-kadence-singlebtn.is-style-dp-btn-ghost .kt-button){background:transparent !important;color:var(--dp-heading) !important;border:1.5px solid var(--dp-heading) !important;padding:15.5px 28px !important}
:is(.kb-button.is-style-dp-btn-ghost, .wp-block-kadence-singlebtn.is-style-dp-btn-ghost .kt-button):hover{background:var(--dp-heading) !important;color:var(--dp-bialy) !important}
/* Na ciemnym (hero, sekcja ciemna): obrys biały. */
:is(.is-style-dp-section--dark, .is-style-dp-section--break) :is(.kb-button.is-style-dp-btn-ghost, .wp-block-kadence-singlebtn.is-style-dp-btn-ghost .kt-button){color:var(--dp-bialy) !important;border-color:var(--dp-bialy) !important}
:is(.is-style-dp-section--dark, .is-style-dp-section--break) :is(.kb-button.is-style-dp-btn-ghost, .wp-block-kadence-singlebtn.is-style-dp-btn-ghost .kt-button):hover{background:var(--dp-bialy) !important;color:var(--dp-czarny) !important}
:is(.kb-button.is-style-dp-btn-dark, .wp-block-kadence-singlebtn.is-style-dp-btn-dark .kt-button){background:var(--dp-ciemny) !important;color:var(--dp-bialy) !important;border:0 !important;padding:17px 32px !important}
:is(.kb-button.is-style-dp-btn-link, .wp-block-kadence-singlebtn.is-style-dp-btn-link .kt-button){background:none !important;color:var(--dp-contrast-ink) !important;border:0 !important;border-bottom:2px solid var(--dp-contrast) !important;border-radius:0 !important;padding:0 0 3px !important}
:is(.kb-button.is-style-dp-btn-link, .wp-block-kadence-singlebtn.is-style-dp-btn-link .kt-button)::after{content:" →"}
.is-style-dp-section--dark :is(.kb-button.is-style-dp-btn-link, .wp-block-kadence-singlebtn.is-style-dp-btn-link .kt-button){color:var(--dp-bialy) !important}
@media (max-width:600px){
  .kb-buttons-wrap:has(> .kb-button + .kb-button){display:grid !important;grid-template-columns:minmax(0,max-content)}
}

/* Akordeon (FAQ): pytania z linią nad, bez tła Kadence. */
body .kt-accordion-wrap .kt-blocks-accordion-header{background:transparent !important;color:var(--dp-heading) !important;border:0 !important;border-top:1px solid var(--dp-line-strong) !important;border-radius:0 !important;padding:22px 0 !important;font-family:var(--dp-font) !important;font-size:1.1875rem !important;font-weight:var(--dp-fw-title) !important;line-height:1.35 !important}
body .kt-accordion-wrap .kt-accordion-panel-inner{background:transparent !important;color:var(--dp-text) !important;border:0 !important;padding:0 0 24px !important;line-height:1.7}
body .kt-accordion-wrap .kt-blocks-accordion-icon-trigger::before, body .kt-accordion-wrap .kt-blocks-accordion-icon-trigger::after{background:var(--dp-contrast) !important}

/* Formularz (Kadence Advanced Form). */
:is(.wp-block-kadence-advanced-form, .kb-advanced-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select){font-family:var(--dp-font);font-size:1rem;padding:14px 16px !important;border:1px solid var(--dp-line-strong) !important;border-radius:var(--dp-radius) !important;background:var(--dp-bg) !important;color:var(--dp-heading) !important}
:is(.wp-block-kadence-advanced-form, .kb-advanced-form) :is(input, textarea, select):focus{border-color:var(--dp-heading) !important;outline:2px solid var(--dp-contrast);outline-offset:0}
:is(.wp-block-kadence-advanced-form, .kb-advanced-form) label{font-size:.9375rem;font-weight:var(--dp-fw-ui);color:var(--dp-heading)}
:is(.wp-block-kadence-advanced-form, .kb-advanced-form) :is(button[type="submit"], .kb-adv-form-submit-button){background:var(--dp-contrast) !important;color:var(--dp-on-accent) !important;border:0 !important;border-radius:var(--dp-radius) !important;padding:17px 32px !important;font-family:var(--dp-font) !important;font-size:1rem !important;font-weight:var(--dp-fw-title) !important}

/* Post Grid: interlinia tytułów (lineType em we wzorcu + zabezpieczenie). */
.kt-blocks-post-grid-item .entry-title{line-height:1.35 !important}

/* Przycisk poza blokami (szablony PHP). */
.dp-btn{display:inline-block;padding:17px 32px;border-radius:var(--dp-radius);text-decoration:none;font-weight:var(--dp-fw-title)}
.dp-btn.dp-btn-primary{background:var(--dp-contrast);color:var(--dp-on-accent)}

/* ==========================================================================
   Header i menu: ciemny na każdej stronie, linia 4-kolorowa u góry.
   ========================================================================== */
.fv-header{position:sticky;top:0;z-index:100;background:var(--dp-ciemny)}
.fv-header::before{content:"";display:block;height:3px;background:var(--dp-pasek)}
.admin-bar .fv-header{top:32px}
@media (max-width:782px){.admin-bar .fv-header{top:0}}
.fv-header__inner{display:flex;align-items:center;gap:32px;max-width:var(--dp-max);margin:0 auto;padding:16px var(--dp-gutter);box-sizing:border-box}
.fv-logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;color:var(--dp-ciemny-naglowki)}
.fv-logo__img{height:36px;width:auto;display:block}
.fv-logo__text{font-weight:var(--dp-fw-heading);font-size:1.25rem}
.fv-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.fv-nav-item{position:relative}
.fv-nav-link{display:inline-block;color:var(--dp-ciemny-naglowki);text-decoration:none;font-size:.9375rem;font-weight:var(--dp-fw-ui);white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s ease, color .2s ease}
.fv-nav-link:hover, .fv-nav-item.is-active > .fv-nav-link{border-bottom-color:var(--dp-contrast)}
/* Kontakt jako przycisk: biały na ciemnym. */
.fv-nav-link.dp-nav-btn{padding:12px 26px;background:var(--dp-bialy);color:var(--dp-czarny);border:0;border-radius:var(--dp-radius);font-weight:var(--dp-fw-title)}
.fv-nav-link.dp-nav-btn:hover{background:var(--dp-contrast);color:var(--dp-on-accent)}
.fv-nav-dropdown{position:absolute;top:100%;left:-18px;min-width:240px;padding:12px 0;background:var(--dp-ciemny);border-top:2px solid var(--dp-contrast);box-shadow:var(--dp-cien);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}
.fv-nav-item:hover > .fv-nav-dropdown, .fv-nav-item:focus-within > .fv-nav-dropdown{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.fv-nav-dropdown .fv-nav-link{display:block;padding:9px 18px;border:0;color:var(--dp-ciemny-link)}
.fv-nav-dropdown .fv-nav-link:hover{color:var(--dp-ciemny-naglowki);background:var(--dp-ciemny-panel)}
@media (min-width:1101px) and (max-width:1280px){.fv-nav{gap:18px}.fv-header__inner{gap:24px}}

/* Hamburger i krzyżyk rysowane w CSS (znaki ☰ ✕ każdy font stawia inaczej). */
.fv-burger, .fv-mobile-menu__close{display:none;width:44px;height:44px;margin-left:auto;padding:0;background:none;border:0;color:var(--dp-ciemny-naglowki);cursor:pointer}
.fv-burger__bars, .fv-burger__bars::before, .fv-burger__bars::after{display:block;width:22px;height:2px;margin:0 auto;background:currentColor;position:relative;transition:transform .2s ease}
.fv-burger__bars::before, .fv-burger__bars::after{content:"";position:absolute;left:0}
.fv-burger__bars::before{top:-7px}
.fv-burger__bars::after{top:7px}
.fv-burger__bars.is-open{background:transparent}
.fv-burger__bars.is-open::before{top:0;transform:rotate(45deg)}
.fv-burger__bars.is-open::after{top:0;transform:rotate(-45deg)}

/* Menu mobilne poza <header> (pozycja fixed niezależna od nagłówka). */
.fv-mobile-menu{position:fixed;inset:0;height:100vh;height:100dvh;z-index:1000;overflow-y:auto;background:var(--dp-ciemny);padding:0 var(--dp-gutter) 40px;display:flex;flex-direction:column;box-sizing:border-box}
.fv-mobile-menu::before{content:"";display:block;height:3px;margin:0 calc(var(--dp-gutter) * -1);background:var(--dp-pasek)}
.fv-mobile-menu[hidden]{display:none}
.fv-mobile-menu__top{display:flex;align-items:center;justify-content:space-between;padding:13px 0;margin-bottom:24px}
.fv-mobile-menu__close{display:block;margin-left:0}
.fv-mnav{counter-reset:fv-mnav;display:flex;flex-direction:column}
.fv-mnav > .fv-mnav-item:not(.fv-mnav-item--btn){counter-increment:fv-mnav;border-bottom:1px solid var(--dp-ciemny-linia)}
.fv-mnav > .fv-mnav-item > .fv-mnav-link{display:flex;align-items:baseline;gap:16px;padding:18px 0;color:var(--dp-ciemny-naglowki);text-decoration:none;font-size:1.375rem;font-weight:var(--dp-fw-ui)}
.fv-mnav > .fv-mnav-item:not(.fv-mnav-item--btn) > .fv-mnav-link::before{content:counter(fv-mnav, decimal-leading-zero);font-size:.75rem;font-weight:var(--dp-fw-heading);color:var(--dp-contrast)}
.fv-mnav > .fv-mnav-item:not(.fv-mnav-item--btn) > .fv-mnav-link::after{content:"→";margin-left:auto;color:var(--dp-ciemny-wyciszony)}
.fv-mnav-dropdown .fv-mnav-link{display:block;padding:8px 0 8px 34px;color:var(--dp-ciemny-link);text-decoration:none}
.fv-mnav-item--btn{margin-top:auto;padding-top:32px}
.fv-mnav-link.dp-nav-btn{display:block;text-align:center;padding:18px;background:var(--dp-bialy);color:var(--dp-czarny);border-radius:var(--dp-radius);text-decoration:none;font-weight:var(--dp-fw-title)}
html.fv-menu-open{overflow:hidden}
.fv-mobile-menu.is-open .fv-mnav-item{animation:fv-in .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes fv-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fv-mobile-menu.is-open .fv-mnav-item{animation:none}}
@media (max-width:1100px){
  .fv-nav{display:none}
  .fv-burger{display:block}
  .fv-header__inner{gap:20px}
}

/* Przełącznik języka: „PL · EN”. */
.fv-lang{display:flex;align-items:center;gap:6px;flex:0 0 auto;font-size:.8125rem;letter-spacing:.04em}
.fv-lang__link{color:var(--dp-ciemny-wyciszony);text-decoration:none}
.fv-lang__link + .fv-lang__link::before{content:"·";margin-right:6px;color:var(--dp-ciemny-wyciszony)}
.fv-lang__link.is-current{color:var(--dp-ciemny-naglowki);font-weight:var(--dp-fw-title)}
.fv-lang__link:hover{color:var(--dp-ciemny-naglowki)}
.fv-nav > .fv-lang{margin-left:4px}
.fv-nav > .fv-lang + .fv-nav-item--btn{margin-left:-8px} /* wzorzec: PL · EN bliżej przycisku (18px) niż linków (26px) */
.fv-mobile-menu .fv-lang{margin-top:24px;font-size:.9375rem}

/* ==========================================================================
   Wpis bloga (single.php) i listy
   ========================================================================== */
.dp-entry{max-width:var(--dp-read);margin:0 auto;padding:72px var(--dp-gutter)}
.dp-entry__meta{color:var(--dp-dim);font-size:.875rem;display:flex;flex-wrap:wrap;gap:8px}
.dp-entry__meta a{color:inherit}
.dp-entry__lead{font-size:1.25rem;color:var(--dp-muted)}
.dp-entry__image{margin:40px 0}
.dp-entry__decor{height:3px;width:44px;margin:40px 0;background:var(--dp-pasek)}
.dp-entry__content{font-size:1.125rem;line-height:1.75}
.dp-entry__nav{display:flex;justify-content:space-between;gap:24px;margin-top:56px;padding-top:24px;border-top:1px solid var(--dp-line-strong)}
.dp-related{max-width:var(--dp-max);margin:0 auto;padding:0 var(--dp-gutter) 96px}
.dp-related__grid, .dp-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}
.dp-related__card, .dp-list__card a{display:flex;flex-direction:column;gap:12px;color:var(--dp-heading);text-decoration:none;border-top:4px solid var(--dp-contrast);padding-top:18px}
.dp-related__more, .dp-list__more{color:var(--dp-contrast-ink);font-size:.875rem;font-weight:var(--dp-fw-title)}
.dp-list__head, .dp-list__grid, .dp-pagination{max-width:var(--dp-max);margin:0 auto;padding:0 var(--dp-gutter)}
.dp-list__head{padding-top:72px}
/* Jedna reguła stronicowania dla Post Grid Kadence i list PHP (Kadence 3.8 ma bardziej specyficzny selektor). */
:is(.kt-blocks-page-nav .nav-links, .dp-pagination) > .page-numbers{display:inline-block;min-width:40px;padding:8px 12px;text-align:center;color:var(--dp-muted) !important;text-decoration:none;border:1px solid var(--dp-line-strong);border-radius:var(--dp-radius)}
:is(.kt-blocks-page-nav .nav-links, .dp-pagination) > .page-numbers.current{color:var(--dp-on-accent) !important;background:var(--dp-contrast) !important;border-color:var(--dp-contrast)}

/* ==========================================================================
   Stopka: ciemna, 4 kolumny z kolorowym znacznikiem, pasek 4-kolorowy nad dołem.
   Rzędy z klasami → działa też w edytorze bloku stopki.
   ========================================================================== */
.fv-footer{background:var(--dp-ciemny);color:var(--dp-ciemny-tekst);font-size:.9375rem}
.fv-footer a{color:var(--dp-ciemny-link);text-decoration:none}
.fv-footer a:hover{color:var(--dp-ciemny-naglowki);text-decoration:underline;text-underline-offset:.2em}
.fv-footer :is(h1,h2,h3,h4,p){color:inherit}
/* Pas z logo i hasłem. */
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-footer-top{background:var(--dp-ciemny)}
html .kb-row-layout-wrap.is-style-dp-footer-top > .kt-row-column-wrap,
html .wp-block-kadence-rowlayout.is-style-dp-footer-top > .kt-row-layout-inner > .kt-row-column-wrap{max-width:var(--dp-max) !important;margin:0 auto;padding:68px var(--dp-gutter) 48px !important;align-items:center;box-sizing:border-box}
.is-style-dp-footer-top img{height:52px;width:auto}
.is-style-dp-footer-top :is(h2,h3,p){font-size:1.3125rem !important;font-weight:var(--dp-fw-title) !important;color:var(--dp-ciemny-naglowki) !important;margin:0 !important}
@media (min-width:768px){.is-style-dp-footer-top .wp-block-kadence-column:last-child :is(h2,h3,p){text-align:right}}
/* Kolumny linków. */
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-footer-grid{background:var(--dp-ciemny)}
html .kb-row-layout-wrap.is-style-dp-footer-grid > .kt-row-column-wrap,
html .wp-block-kadence-rowlayout.is-style-dp-footer-grid > .kt-row-layout-inner > .kt-row-column-wrap{max-width:var(--dp-max) !important;margin:0 auto;padding:0 var(--dp-gutter) 44px !important;box-sizing:border-box}
.is-style-dp-footer-grid .wp-block-kadence-column:nth-child(4n+2){--dp-karta:var(--dp-niebieski-jasny)}
.is-style-dp-footer-grid :is(h2,h3,h4,.dp-eyebrow,.is-style-dp-eyebrow){display:flex !important;align-items:center;gap:10px;font-size:.75rem !important;letter-spacing:.12em;text-transform:uppercase;font-weight:var(--dp-fw-title) !important;color:var(--dp-karta) !important;margin:0 0 14px !important}
.is-style-dp-footer-grid :is(h2,h3,h4,.dp-eyebrow,.is-style-dp-eyebrow)::before{content:"";display:block;flex:0 0 22px;width:22px;height:2px;background:var(--dp-karta)}
.is-style-dp-footer-grid p{margin:0 0 13px;line-height:1.4}
/* Dół: pasek 4-kolorowy, dane firmy, polityka, języki. */
html :is(.kb-row-layout-wrap, .wp-block-kadence-rowlayout).is-style-dp-footer-bottom{background:var(--dp-ciemny);font-size:.8125rem;color:var(--dp-faint)}
html .kb-row-layout-wrap.is-style-dp-footer-bottom > .kt-row-column-wrap,
html .wp-block-kadence-rowlayout.is-style-dp-footer-bottom > .kt-row-layout-inner > .kt-row-column-wrap{position:relative;max-width:var(--dp-max) !important;margin:0 auto;padding:24px var(--dp-gutter) 32px !important;align-items:center;box-sizing:border-box}
html .kb-row-layout-wrap.is-style-dp-footer-bottom > .kt-row-column-wrap::before{content:"";position:absolute;top:0;left:var(--dp-gutter);right:var(--dp-gutter);height:3px;background:var(--dp-pasek)}
html .wp-block-kadence-rowlayout.is-style-dp-footer-bottom > .kt-row-layout-inner > .kt-row-column-wrap::before{content:"";position:absolute;top:0;left:var(--dp-gutter);right:var(--dp-gutter);height:3px;background:var(--dp-pasek)}
.is-style-dp-footer-bottom :is(p, a){color:var(--dp-faint) !important;margin:0;font-size:.8125rem !important}
@media (min-width:768px){.is-style-dp-footer-bottom .wp-block-kadence-column:last-child p{text-align:right}}
/* „Polityka prywatności   PL · EN” ([dp_jezyki] jako span w akapicie). */
.is-style-dp-footer-bottom .fv-lang{display:inline-flex;margin-left:20px;vertical-align:baseline}
.is-style-dp-footer-bottom .fv-lang__link.is-current{color:var(--dp-ciemny-naglowki) !important}
/* Linki stopki po klasach rzędów (bez .fv-footer → tak samo w edytorze bloku „Stopka strony”). */
:is(.is-style-dp-footer-top, .is-style-dp-footer-grid, .is-style-dp-footer-bottom) a{color:var(--dp-ciemny-link);text-decoration:none}
:is(.is-style-dp-footer-top, .is-style-dp-footer-grid, .is-style-dp-footer-bottom) a:hover{color:var(--dp-ciemny-naglowki) !important;text-decoration:underline;text-underline-offset:.2em}
.is-style-dp-footer-grid p{font-size:.9375rem}
.is-style-dp-footer-top figure{margin:0}
@media (max-width:767px){
  .is-style-dp-footer-grid .wp-block-kadence-column{margin-bottom:12px}
}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms !important;animation-duration:.01ms !important}}