.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#55657B;--e-global-color-text:#0E1114;--e-global-color-accent:#FB2E2E;--e-global-color-linia:#EAECF0;--e-global-color-ramka:#D3D8DF;--e-global-color-podklad:#F6F7F8;--e-global-color-papier:#FFFFFF;--e-global-color-akcentciemny:#D52929;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.17em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Inter Tight";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.56em;--e-global-typography-accent-font-family:"Inter Tight";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-proza-font-family:"Inter Tight";--e-global-typography-proza-font-size:18px;--e-global-typography-proza-font-weight:400;--e-global-typography-proza-line-height:1.56em;background-color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1304px;}.e-con{--container-max-width:1304px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   Wlasny CSS zestawu Elementora (Ustawienia witryny > Wlasny CSS).
   Zrodlo: motyw/kit.css. Wdrozenie: py motyw/elementor.py zestaw
   (albo py motyw/kit_css.py - oba wysylaja komplet ustawien zestawu razem z CSS).

   Od 2026-10-13 jezyk wizualny na wzor zero.pl (decyzja Kamila). Pomiary:
   architektura/2026-10-13_zero-pl-specyfikacja-wizualna.md.
   Kopia poprzedniej wersji: motyw/_kopie/2026-10-13_przed-zero/kit.css.

   Dwie rzeczy, o ktorych trzeba pamietac przy zmianach:
   1. Arkusz motywu (magazyn-office/style.css) laduje sie PO tym pliku i ma
      reguly z identyfikatorami (#mo-art-tresc ...). Dlatego wszystko tutaj
      zaczyna sie od `html body`, a tokeny od `html:root` - inaczej przegrywa
      remis i nie widac zadnej zmiany.
   2. Tokeny motywu (--ink, --accent, --display ...) sa tu nadpisane, wiec
      reguly motywu, ktorych nie ruszamy, same przechodza na nowe kolory i kroj.
   ========================================================================== */

/* Kroj Inter Tight (licencja SIL OFL, zmienna grubosc - jeden plik na zakres znakow).
   TYMCZASOWO z fonts.gstatic.com: motyw wylacza Google Fonts Elementora
   (mo_trim_elementor), a biblioteka mediow nie przyjmuje plikow .woff2.
   Pliki leza w motyw/fonty-inter-tight/ - przy najblizszym wdrozeniu motywu
   (wymaga logowania Kamila) ida do magazyn-office/fonts/, a te adresy zmieniamy
   na lokalne i zdejmujemy preload Newsreadera z functions.php. */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/intertight/v9/NGSwv5HMAFg6IuGlBNMjxLsJ8ah8QA.woff2) format("woff2");
  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:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/intertight/v9/NGSwv5HMAFg6IuGlBNMjxLsH8ag.woff2) format("woff2");
  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}

html:root{
  --kroj:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --tekst:#0e1114;
  --czern:#000;
  --szary:#55657b;
  --szary-ciemne:#637289;
  --lead-ciemne:#92a1b8;
  --ramka:#d3d8df;
  --linia-slaba:#eaecf0;
  --akcent:#fb2e2e;
  --akcent-ciemny:#d52929;
  --ciemne-tlo:#0e1114;
  --gradient-zdjecia:linear-gradient(180deg,rgba(1,1,1,0),rgba(0,0,0,.75));

  /* tokeny motywu - przejmuja nowe wartosci */
  --ink:var(--tekst);
  --ink-2:var(--tekst);
  --muted:var(--szary);
  --line:var(--linia-slaba);
  --line-2:var(--linia-slaba);
  --accent:var(--akcent);
  --accent-dk:var(--akcent-ciemny);
  --accent-tint:#fff1f1;
  --sans:var(--kroj);
  --serif:var(--kroj);
  --display:var(--kroj);
  --max:1280px;
  --measure:728px;
  --radius:8px;

  /* kolory dzialow - tylko w malych etykietach, tekst zawsze bialy */
  --k-gospodarka:#2954ff;
  --k-firma:#0f1723;
  --k-podatki-finanse:#00a383;
  --k-prawo:#6d3ce8;
  --k-praca-kadry:#fb2e2e;
  --k-technologie:#0a8fc2;
  --k-biuro:#e8590c;
  --k-opinie:#c2185b;
}

html body{font-family:var(--kroj);color:var(--tekst);background:#fff}
html body h1,html body h2,html body h3,html body h4{font-family:var(--kroj);font-weight:600}
html body a:hover{color:inherit}

/* Uwaga: Elementor przy zapisie CSS zestawu usuwa ukosniki wsteczne, wiec
   ucieczki typu "\b7" nie dzialaja. Znaki spoza ASCII wpisujemy wprost. */

/* ==========================================================================
   1. Etykiety dzialow
   Kafelki widzetu Posts nie maja w HTML-u nazwy dzialu, ale artykul ma klase
   category-<slug>. Nazwe dokleja wiec CSS - przy nowym dziale trzeba dopisac
   dwie linie: kolor w :root i nazwe ponizej.
   ========================================================================== */
html body .elementor-post.category-gospodarka{--kat:var(--k-gospodarka);--kat-nazwa:"Gospodarka"}
html body .elementor-post.category-firma{--kat:var(--k-firma);--kat-nazwa:"Firma"}
html body .elementor-post.category-podatki-finanse{--kat:var(--k-podatki-finanse);--kat-nazwa:"Podatki i finanse"}
html body .elementor-post.category-prawo{--kat:var(--k-prawo);--kat-nazwa:"Prawo"}
html body .elementor-post.category-praca-kadry{--kat:var(--k-praca-kadry);--kat-nazwa:"Praca i kadry"}
html body .elementor-post.category-technologie{--kat:var(--k-technologie);--kat-nazwa:"Technologie"}
html body .elementor-post.category-biuro{--kat:var(--k-biuro);--kat-nazwa:"Biuro i nieruchomości"}
html body .elementor-post.category-opinie{--kat:var(--k-opinie);--kat-nazwa:"Opinie"}
html body .mo-card.category-gospodarka{--kat:var(--k-gospodarka)}
html body .mo-card.category-firma{--kat:var(--k-firma)}
html body .mo-card.category-podatki-finanse{--kat:var(--k-podatki-finanse)}
html body .mo-card.category-prawo{--kat:var(--k-prawo)}
html body .mo-card.category-praca-kadry{--kat:var(--k-praca-kadry)}
html body .mo-card.category-technologie{--kat:var(--k-technologie)}
html body .mo-card.category-biuro{--kat:var(--k-biuro)}
html body .mo-card.category-opinie{--kat:var(--k-opinie)}

/* wspolny wyglad etykiety: 12 px, wersaliki, zaokraglenie 6 px */
html body .mo-kicker,
html body .mo-z-etykieta .elementor-post__text::before,
html body #mo-hero-glowny .elementor-post__text::before{
  display:inline-flex;align-items:center;min-height:24px;padding:6px 8px;
  border-radius:6px;background:var(--kat,var(--akcent));color:#fff;
  font:700 12px/12px var(--kroj);letter-spacing:0;text-transform:uppercase;text-decoration:none;
}
html body .mo-kicker:hover{color:#fff;text-decoration:none;filter:brightness(1.08)}
html body .mo-z-etykieta .elementor-post__text::before,
html body #mo-hero-glowny .elementor-post__text::before{content:var(--kat-nazwa,"")}
/* na malej karcie etykieta siedzi w lewym gornym rogu zdjecia */
html body .mo-z-etykieta .elementor-post{position:relative}
html body .mo-z-etykieta .elementor-post__text::before{position:absolute;top:8px;left:8px;z-index:3}

/* ==========================================================================
   2. Naglowek sekcji: czarna linia, a na niej czerwony odcinek dokladnie pod tytulem
   (13.10: zamiast nawiasow z zero.pl - Kamil chcial cos wlasnego). Odcinek jest
   grubszy niz linia i ma szerokosc tytulu, wiec dziala jak zakladka w segregatorze.
   ========================================================================== */
html body .mo-naglowek-sekcji,
html body .mo-blok__belka{
  border:0;border-bottom:2px solid var(--czern);padding:0 0 8px;margin:0 0 18px!important;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
html body .mo-naglowek-sekcji .elementor-heading-title,
html body .mo-blok__tytul{
  position:relative;display:inline-flex;align-items:center;margin:0;padding:0;
  font:600 22px/28px var(--kroj)!important;letter-spacing:-.3px!important;color:var(--czern);
}
html body .mo-naglowek-sekcji .elementor-heading-title a{color:inherit}
html body .mo-naglowek-sekcji .elementor-heading-title::after,
html body .mo-blok__tytul::after{
  content:"";position:absolute;left:0;right:0;bottom:-11px;height:6px;background:var(--akcent);
}
/* "Wszystkie" jako czerwona pigulka */
html body .mo-blok__wiecej{
  display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;
  background:var(--akcent);color:#fff;font:600 12px/12px var(--kroj);text-decoration:none;
}
html body .mo-blok__wiecej:hover,html body .mo-blok__wiecej:focus{background:var(--akcent-ciemny);color:#fff;text-decoration:none}

/* ==========================================================================
   3. Karty wpisow (widzet Posts Elementora)
   ========================================================================== */
html body .elementor-posts .elementor-post__thumbnail__link{margin-bottom:12px}
html body .elementor-posts .elementor-post__thumbnail{border-radius:8px;overflow:hidden;background:#eef0f2}
/* Zdjecia NIE reaguja na kursor (decyzja Kamila 13.10): bez powiekszenia i bez zmiany
   przezroczystosci. Motyw (style.css) ma scale 1.03-1.035 i opacity .88 na :hover - nadpisujemy
   z !important stan bazowy, wiec zadna regula :hover bez !important nie przejdzie.
   Zmiana koloru tytulu przy najechaniu zostaje (osobne reguly na a/h3). */
html body .mo-card img,
html body .mo-thumb img,
html body .elementor-post img,
html body .elementor-post__thumbnail img,
html body #mo-hero-glowny img,
html body #mo-hero-obok img{transform:none!important;transition:none!important;opacity:1!important}
/* Elementor centruje miniature w ramce o stalych proporcjach przez translate(-50%,-50%);
   po zdjeciu transform zdjecie uciekalo o pol ramki, wiec kladziemy je od rogu i kadrujemy cover */
html body .elementor-has-item-ratio .elementor-post__thumbnail img{top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
html body .elementor-posts .elementor-post__title{
  font:600 16px/20px var(--kroj)!important;letter-spacing:-.25px!important;margin:0 0 10px;
}
/* Widzet Posts dostaje od Elementora kroj "Naglowki" zestawu (48 px) takze na
   samym odnosniku w tytule, wiec rozmiar ustawiony na tytule nie dochodzi do
   tekstu. Odnosnik ma dziedziczyc wszystko po tytule. */
html body .elementor-posts .elementor-post__title a,
html body .mo-card h3 a{font:inherit!important;letter-spacing:inherit!important}
html body .elementor-posts .elementor-post__thumbnail{width:100%}
html body .elementor-posts .elementor-post__title a{color:var(--czern)}
html body .elementor-posts .elementor-post__title a:hover{color:var(--akcent)}
html body .elementor-posts .elementor-post__meta-data{
  font:400 12px/16px var(--kroj);color:var(--szary);border:0;padding:0;margin:0;
}
html body .elementor-posts .elementor-post__meta-data .elementor-post-author{color:var(--czern)}
html body .elementor-posts .elementor-post__meta-data span+span::before{content:"·"!important;margin:0 6px!important}
html body .elementor-posts .elementor-post__excerpt p{font:400 16px/24px var(--kroj);color:var(--szary);margin:0 0 12px}

/* karty poziome: zdjecie z lewej, tytul 24/28 (Zobacz rowniez, lista dzialu) */
html body #mo-zobacz-rowniez .elementor-post,
html body #mo-arch-lista-wpisow .elementor-post{
  display:flex;align-items:flex-start;gap:24px;padding:0 0 24px;border-bottom:.8px solid var(--linia-slaba);
}
html body #mo-zobacz-rowniez .elementor-post__thumbnail__link,
html body #mo-arch-lista-wpisow .elementor-post__thumbnail__link{width:40%!important;flex:0 0 40%;margin:0!important}
html body #mo-zobacz-rowniez .elementor-post__thumbnail,
html body #mo-arch-lista-wpisow .elementor-post__thumbnail{padding-bottom:66.6%!important}
html body #mo-zobacz-rowniez .elementor-post__title,
html body #mo-arch-lista-wpisow .elementor-post__title{font-size:24px!important;line-height:28px!important;letter-spacing:0!important}
html body #mo-zobacz-rowniez .elementor-posts-container,
html body #mo-arch-lista-wpisow .elementor-posts-container{row-gap:24px!important;--grid-row-gap:24px}

/* lista numerowana z boku (jak "Najpopularniejsze" na zero.pl) */
html body #mo-boczne-najnowsze .elementor-posts-container,
html body #mo-arch-boczne .elementor-posts-container{counter-reset:mo-nr;row-gap:0!important;--grid-row-gap:0px}
html body #mo-boczne-najnowsze .elementor-post,
html body #mo-arch-boczne .elementor-post{
  counter-increment:mo-nr;display:flex;flex-direction:row;gap:10px;padding:12px 0;
  border-bottom:.8px solid var(--linia-slaba);
}
html body #mo-boczne-najnowsze .elementor-post::before,
html body #mo-arch-boczne .elementor-post::before{
  content:counter(mo-nr);flex:0 0 20px;font:600 12px/20px var(--kroj);color:var(--akcent);
}
html body #mo-boczne-najnowsze .elementor-post__title,
html body #mo-arch-boczne .elementor-post__title{font-size:14px!important;line-height:20px!important;letter-spacing:.14px!important;margin:0}

/* ==========================================================================
   4. Naglowek strony
   Bialy, przyklejony do gory, czarna linia na szerokosc tresci (nie na cala
   szerokosc okna). Na telefonie czarny z bialym logo - patrz sekcja 10.
   ========================================================================== */
html body #mo-winieta{border:0!important}
html body #mo-winieta>.elementor-container{border-bottom:1px solid var(--czern);min-height:60px;padding:0 10px 4px}
html body #mo-winieta .elementor-widget-wrap{padding-top:0!important;padding-bottom:0!important}
html body #mo-winieta .elementor-widget{margin-bottom:0!important}
html body #mo-winieta.elementor-sticky--effects{box-shadow:none}
html body #mo-logo-czarne img{width:190px;height:auto;display:block}

/* dzialy w jednym wierszu z logo */
html body #mo-kol-dzialy .elementor-nav-menu--main .elementor-item{
  font:600 14px/14px var(--kroj)!important;color:var(--czern);padding:10px 9px!important;
}
html body #mo-kol-dzialy .elementor-nav-menu--main .elementor-item:hover,
html body #mo-kol-dzialy .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--akcent)}

/* prawa strona: lupa, pigulka Wspolpraca, hamburger - w jednym wierszu */
html body #mo-kol-prawa>.elementor-widget-wrap{
  display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;
}
html body #mo-kol-prawa .elementor-widget{width:auto!important;max-width:none;flex:0 0 auto}
html body #mo-szukaj .elementor-search-form__toggle{
  --e-search-form-toggle-size:36px;--e-search-form-toggle-icon-size:18px;
  --e-search-form-toggle-color:var(--czern);--e-search-form-toggle-background-color:transparent;
}
html body #mo-szukaj .elementor-search-form__toggle i,
html body #mo-szukaj .elementor-search-form__toggle div{background:transparent!important;color:var(--czern)}
html body #mo-pigulka-wspolpraca .elementor-button{
  background:var(--akcent);color:#fff;border-radius:999px;padding:10px 14px;
  font:600 12px/12px var(--kroj);letter-spacing:0;border:0;text-transform:none;
}
html body #mo-pigulka-wspolpraca .elementor-button:hover{background:var(--akcent-ciemny)}

/* hamburger: czarne kolko, menu jako panel z pigulkami po prawej */
html body #mo-hamburger{position:relative}
html body #mo-hamburger .elementor-menu-toggle{
  width:36px;height:36px;padding:0;margin:0;border-radius:50%;background:var(--czern)!important;
  color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:18px;
}
html body #mo-hamburger .elementor-menu-toggle svg{fill:#fff;width:18px;height:18px}
html body #mo-hamburger .elementor-nav-menu--dropdown{
  position:absolute!important;top:calc(100% + 12px);right:0;left:auto!important;width:240px!important;
  background:#fff;border:.8px solid var(--ramka);border-radius:12px;padding:12px 16px;z-index:120;
  box-shadow:none;transition:none!important;
}
html body #mo-hamburger .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container{
  max-height:80vh!important;transform:none!important;overflow-y:auto!important;
}
html body #mo-hamburger .elementor-nav-menu--dropdown .elementor-item{
  display:flex;justify-content:center;margin:0 0 8px;padding:12px!important;border:.8px solid var(--ramka);
  border-radius:999px;background:#fff!important;color:var(--czern)!important;font:600 14px/14px var(--kroj)!important;
  text-transform:none!important;letter-spacing:0!important;
}
html body #mo-hamburger .elementor-nav-menu--dropdown li:last-child .elementor-item{margin-bottom:0}
html body #mo-hamburger .elementor-nav-menu--dropdown .elementor-item:hover{border-color:var(--czern)}

/* ==========================================================================
   5. Strona glowna: temat wiodacy
   Zdjecie pierwszego wpisu wychodzi z kolumny i wypelnia cala sekcje, a
   kafelki z prawej kolumny leza na nim. Zeby zdjecie mialo za punkt odniesienia
   sekcje, a nie kolumne, wszystkie warstwy miedzy nimi dostaja position:static.
   ========================================================================== */
html body #mo-hero{
  position:relative;min-height:clamp(520px,80vh,716px);border-radius:0 0 32px 32px;
  overflow:hidden;background:var(--ciemne-tlo);
}
html body #mo-hero>.elementor-container{
  position:static;min-height:inherit;max-width:none;align-items:stretch;
  padding:0 max(12px,calc((100% - 1280px) / 2));
}
html body #mo-hero-lewa,
html body #mo-hero-lewa>.elementor-widget-wrap,
html body #mo-hero-glowny,
html body #mo-hero-glowny>.elementor-widget-container,
html body #mo-hero-glowny .elementor-posts-container,
html body #mo-hero-glowny .elementor-post{position:static!important}
html body #mo-hero-lewa>.elementor-widget-wrap{align-content:flex-end;align-items:flex-end;padding:0 32px 40px 0!important}
html body #mo-hero-glowny{width:100%}
html body #mo-hero-glowny .elementor-post__thumbnail__link{
  position:absolute!important;inset:0;width:auto!important;margin:0!important;z-index:0;
}
/* motyw daje miniaturom aspect-ratio 16/9, ktore przy top/bottom 0 wygrywa
   z wysokoscia sekcji - zdjecie konczylo sie w polowie tematu wiodacego */
html body #mo-hero-glowny .elementor-post__thumbnail{position:absolute!important;inset:0;padding:0!important;border-radius:0;aspect-ratio:auto!important;height:auto!important}
html body #mo-hero-glowny .elementor-post__thumbnail img{
  position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:none!important;
}
/* dolna polowa: rozmycie narastajace w dol + ciemny gradient */
html body #mo-hero-glowny .elementor-post__thumbnail__link::before,
html body #mo-hero-glowny .elementor-post__thumbnail__link::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none}
html body #mo-hero-glowny .elementor-post__thumbnail__link::before{
  top:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 60%,#000);mask-image:linear-gradient(180deg,transparent,#000 60%,#000);
}
html body #mo-hero-glowny .elementor-post__thumbnail__link::after{top:35%;background:var(--gradient-zdjecia)}
html body #mo-hero-glowny .elementor-post__text{position:relative;z-index:2;max-width:760px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
html body #mo-hero-glowny .elementor-post__title{
  font:600 48px/56px var(--kroj)!important;letter-spacing:-1px!important;margin:0!important;
}
html body #mo-hero-glowny .elementor-post__title a{color:#fff}
html body #mo-hero-glowny .elementor-post__title a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
html body #mo-hero-glowny .elementor-post__meta-data{font-size:14px;line-height:20px;color:var(--lead-ciemne)}
html body #mo-hero-glowny .elementor-post__meta-data .elementor-post-author{color:#fff}
html body #mo-hero-glowny .elementor-post__excerpt{display:none}

/* kafelki "szklo" po prawej */
html body #mo-hero-prawa{position:relative;z-index:2}
html body #mo-hero-prawa>.elementor-widget-wrap{align-content:flex-end;padding:24px 0 40px!important}
html body #mo-hero-obok{width:100%;max-width:320px;margin-left:auto}
html body #mo-hero-obok .elementor-posts-container{row-gap:8px!important;--grid-row-gap:8px}
html body #mo-hero-obok .elementor-post{
  background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-radius:12px;padding:8px 8px 12px;
}
html body #mo-hero-obok .elementor-post__thumbnail__link{margin-bottom:10px}
html body #mo-hero-obok .elementor-post__text{padding:0 4px}
html body #mo-hero-obok .elementor-post__title{margin-bottom:8px}
html body #mo-hero-obok .elementor-post__title a{color:#fff}
html body #mo-hero-obok .elementor-post__meta-data{color:var(--lead-ciemne)}
html body #mo-hero-obok .elementor-post__meta-data .elementor-post-author{color:#fff}

/* ==========================================================================
   6. Strona glowna: dzialy (skrot [mo_wpisy uklad="kafel"])
   Pierwszy tekst dzialu to duzy kafel z tytulem na zdjeciu. Elementy kafelka
   leza w tej samej komorce siatki co zdjecie, wiec nie trzeba ich pozycjonowac.
   ========================================================================== */
html body [id^="mo-dzial-"]:not(:has(.mo-card)){display:none!important}
html body .mo-blok{margin:0}
html body .mo-blok--kafel .mo-blok__lista{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 16px}
html body .mo-blok--kafel .mo-card,
html body .mo-blok--poziomo .mo-card{position:relative;padding:0;border:0}
html body .mo-card .mo-thumb{display:block;border-radius:8px;overflow:hidden;aspect-ratio:76/51;margin:0 0 12px;background:#eef0f2}
/* Hello Elementor ogranicza .post .wp-post-image do 300-500 px wysokosci
   (theme.css motywu nadrzednego) - w duzym kaflu zdjecie konczylo sie wtedy
   twarda krawedzia w polowie. */
html body .mo-card .mo-thumb img,
html body .elementor-post .wp-post-image{max-height:none!important}
html body .mo-card .mo-thumb img{width:100%;height:100%;object-fit:cover}
html body .mo-card .mo-kicker{position:absolute;top:8px;left:8px;z-index:3}
html body .mo-card h3{font:600 16px/20px var(--kroj)!important;letter-spacing:-.25px!important;margin:0 0 10px!important}
html body .mo-card h3 a{color:var(--czern)}
html body .mo-card h3 a:hover{color:var(--akcent)}
html body .mo-meta{font:400 12px/16px var(--kroj);color:var(--szary);gap:6px}
html body .mo-meta>span:first-child{color:var(--czern)}
html body .mo-meta .sep{font-size:0}
html body .mo-meta .sep::before{content:"·";font-size:12px;color:var(--szary)}

html body .mo-blok--kafel .mo-card:first-child{
  grid-column:1/-1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto auto;
  min-height:clamp(380px,46vw,600px);border-radius:12px;overflow:hidden;isolation:isolate;
}
html body .mo-blok--kafel .mo-card:first-child>*{grid-column:1;position:relative;z-index:2;margin-left:32px;margin-right:32px}
html body .mo-blok--kafel .mo-card:first-child>.mo-thumb{
  grid-row:1/-1;margin:0;z-index:0;aspect-ratio:auto;height:100%;border-radius:0;
}
html body .mo-blok--kafel .mo-card:first-child>.mo-thumb::after{
  content:"";position:absolute;left:0;right:0;top:35%;bottom:0;background:var(--gradient-zdjecia);
}
html body .mo-blok--kafel .mo-card:first-child>.mo-kicker{position:relative;top:auto;left:auto;grid-row:2;justify-self:start;margin-bottom:12px}
html body .mo-blok--kafel .mo-card:first-child>h3{grid-row:3;max-width:900px;font-size:48px!important;line-height:56px!important;letter-spacing:-1px!important;margin:0 32px 16px!important}
html body .mo-blok--kafel .mo-card:first-child>.mo-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html body .mo-blok--kafel .mo-card:first-child>h3 a{color:#fff}
html body .mo-blok--kafel .mo-card:first-child>h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
html body .mo-blok--kafel .mo-card:first-child>.mo-meta{grid-row:4;margin-bottom:32px;font-size:14px;color:var(--lead-ciemne)}
html body .mo-blok--kafel .mo-card:first-child>.mo-meta>span:first-child{color:#fff}
html body .mo-blok--kafel .mo-card:first-child>p{display:none}

/* Opinie: ciemna sekcja, karty poziome - tekst z lewej, zdjecie z prawej */
html body #mo-opinie:not(:has(.mo-card)){display:none!important}
html body #mo-opinie .mo-naglowek-sekcji,
html body #mo-opinie .mo-blok__belka{border-bottom-color:#fff}
html body #mo-opinie .mo-blok__tytul{color:#fff}
html body .mo-blok--poziomo .mo-blok__lista{display:grid;grid-template-columns:1fr;gap:16px}
html body .mo-blok--poziomo .mo-card{display:grid;grid-template-columns:1fr 1.3fr;column-gap:16px;align-content:start}
html body .mo-blok--poziomo .mo-card>.mo-thumb{grid-column:2;grid-row:1/span 4;aspect-ratio:3/2;margin:0}
html body .mo-blok--poziomo .mo-card>:not(.mo-thumb){grid-column:1}
html body .mo-blok--poziomo .mo-card>.mo-kicker{position:static;justify-self:start;margin-bottom:12px}
html body .mo-blok--poziomo .mo-card h3{font-size:24px!important;line-height:28px!important}
html body #mo-opinie .mo-card h3 a{color:#fff}
html body #mo-opinie .mo-card p{font:400 14px/20px var(--kroj);color:var(--lead-ciemne)}
html body #mo-opinie .mo-meta>span:first-child{color:#fff;font-weight:700}

/* ==========================================================================
   7. Artykul
   ========================================================================== */
html body #mo-art-naglowek .elementor-widget{max-width:none!important;margin-left:0!important;margin-right:0!important}
html body #mo-art-naglowek>.elementor-container>.elementor-column>.elementor-widget-wrap{
  display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;
}
html body #mo-art-naglowek .elementor-widget-wrap>.elementor-element{margin-bottom:16px!important}
html body #mo-art-naglowek .elementor-widget-wrap>.elementor-element:nth-child(n+4){width:auto!important;margin-bottom:0!important;font:400 14px/20px var(--kroj);color:var(--szary)}
html body #mo-art-naglowek .elementor-widget-breadcrumbs,
html body #mo-arch-naglowek .elementor-widget-breadcrumbs{font:400 14px/14px var(--kroj);color:var(--szary)}
html body #mo-art-naglowek .elementor-widget-breadcrumbs a,
html body #mo-arch-naglowek .elementor-widget-breadcrumbs a{color:var(--szary)}
html body #mo-art-naglowek .elementor-widget-breadcrumbs .breadcrumb_last,
html body #mo-arch-naglowek .elementor-widget-breadcrumbs .breadcrumb_last{color:var(--czern)}
html body #mo-art-naglowek h1,
html body #mo-arch-naglowek h1{
  font:600 48px/56px var(--kroj)!important;letter-spacing:-.5px!important;color:var(--tekst)!important;margin:0;max-width:1100px;
}
html body #mo-art-naglowek .elementor-post-info__item{font-size:14px;color:var(--szary)}
html body #mo-art-naglowek .elementor-widget-post-info{border:0!important;padding:0!important}
html body #mo-art-naglowek .elementor-widget-post-info .elementor-icon-list-items{margin:0}
html body #mo-art-naglowek .elementor-widget-wrap>.elementor-element:nth-child(n+4) .elementor-widget-container{line-height:20px;padding:0;margin:0;border:0}
html body #mo-art-naglowek .elementor-post-info__item--type-author{color:var(--czern);font-weight:700}

html body #mo-art-tresc .elementor-widget{max-width:none!important;margin-left:0!important;margin-right:0!important}
html body #mo-art-glowna>.elementor-widget-wrap{max-width:760px;padding-right:32px!important}
/* boczna lista jedzie z artykulem: kolumna MUSI miec wysokosc wiersza (stretch),
   a przykleja sie wrap o wysokosci tresci (align-self:flex-start). align-self:flex-start
   na samej kolumnie (stan do 13.10) dawal kolumne wysoka jak lista i sticky nie mial gdzie jechac.
   top 84 = naglowek #mo-winieta 70 px + 14 px odstepu */
html body #mo-art-bok{align-self:stretch}
html body #mo-art-bok>.elementor-widget-wrap{position:sticky;top:84px;align-self:flex-start;height:auto}
html body .mo-lede{font:700 18px/28px var(--kroj)!important;color:var(--tekst);margin:0 0 20px}
html body #mo-art-zdjecie img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
html body #mo-art-zdjecie figcaption,
html body #mo-art-zdjecie .widget-image-caption{font:400 12px/16px var(--kroj);color:var(--szary);padding:12px 0 0;margin:0;text-align:left}

html body #mo-art-tresc p,
html body #mo-art-tresc li{font:400 18px/28px var(--kroj);color:var(--tekst)}
html body #mo-art-tresc p{margin:0 0 16px}
html body #mo-art-tresc strong,html body #mo-art-tresc b{font-weight:600}
html body #mo-art-tresc h2{font:600 24px/28px var(--kroj)!important;letter-spacing:0!important;margin:36px 0 16px;color:var(--tekst)}
html body #mo-art-tresc h3{font:600 20px/26px var(--kroj)!important;letter-spacing:0!important;margin:28px 0 12px}
html body #mo-art-tresc ul{padding-left:20px}
html body #mo-art-tresc li::marker{color:var(--akcent)}
html body #mo-art-tresc ol li::marker{font-weight:600}
html body #mo-art-tresc .elementor-widget-theme-post-content a{
  color:var(--czern);font-weight:600;text-decoration:underline;text-decoration-color:var(--akcent);
  text-decoration-thickness:1.3px;text-underline-offset:3px;
}
html body #mo-art-tresc .elementor-widget-theme-post-content a:hover{color:var(--akcent)}
html body #mo-art-tresc table{font:400 15px/22px var(--kroj);border-radius:8px}
html body #mo-art-tresc th{background:#f6f7f8;font-weight:600}
html body #mo-art-tresc blockquote{border-left:3px solid var(--akcent);margin:24px 0;padding:4px 0 4px 20px;font-weight:600}
html body .mo-spis{border:.8px solid var(--linia-slaba);border-radius:12px;background:#fff;padding:16px 20px}
html body #mo-art-tresc .mo-spis__lista a{color:var(--tekst);text-decoration:none;font-weight:400}
html body #mo-art-tresc .mo-spis__lista a:hover{color:var(--akcent)}
html body #mo-art-tresc .mo-spis__tytul{font:600 14px/20px var(--kroj);letter-spacing:0;text-transform:none;color:var(--czern)}
html body #mo-art-tresc .mo-spis__lista li::marker{color:var(--akcent);font-weight:600}
/* motyw koloruje kazdy odnosnik w #mo-art-tresc na czerwono z podkresleniem -
   boczna lista ma byc czarna, jak na zero.pl */
html body #mo-art-tresc #mo-art-bok a{color:var(--czern);text-decoration:none;font-weight:600}
html body #mo-art-tresc #mo-art-bok a:hover{color:var(--akcent)}
html body .mo-nota-ai{font:400 14px/20px var(--kroj);color:var(--szary)}
html body .mo-autor{border-radius:12px}
html body #mo-art-tresc .elementor-share-btn{border-radius:4px;border:.8px solid var(--linia-slaba);background:#fff;color:var(--czern)}

/* pasek postepu czytania */
html body #mo-postep .current-progress{background:var(--akcent)!important}

/* ==========================================================================
   8. Archiwum dzialu
   ========================================================================== */
html body #mo-arch-naglowek{border:0!important}
html body #mo-arch-naglowek .elementor-widget:not(:last-child){margin-bottom:16px}
html body #mo-arch-bok>.elementor-widget-wrap{position:sticky;top:84px;align-self:flex-start;height:auto}
html body #mo-arch-bok{align-self:stretch}
html body #mo-arch-glowna>.elementor-widget-wrap{padding-right:32px!important}
html body .elementor-pagination{margin-top:32px;font:600 14px/14px var(--kroj)}
html body .elementor-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:999px;border:.8px solid var(--ramka);margin:0 3px;color:var(--czern)}
html body .elementor-pagination .page-numbers.current{background:var(--czern);border-color:var(--czern);color:#fff}

/* ==========================================================================
   9. Stopka
   ========================================================================== */
html body #mo-stopka,html body #mo-stopka-dol{background:var(--ciemne-tlo)!important}
html body #mo-stopka p{font:400 15px/24px var(--kroj);color:var(--lead-ciemne)}
html body #mo-stopka-logo img{width:380px;max-width:100%;height:auto}
html body #mo-stopka .mo-stopka-tytul .elementor-heading-title{
  font:400 14px/18px var(--kroj)!important;letter-spacing:0!important;text-transform:none!important;color:var(--lead-ciemne)!important;margin:0 0 4px;
}
html body #mo-stopka .mo-stopka-linki p{line-height:36px}
html body #mo-stopka .mo-stopka-linki a{color:#fff;font:600 14px/20px var(--kroj);text-decoration:none}
html body #mo-stopka .mo-stopka-linki a:hover{color:var(--akcent)}
html body #mo-stopka-dol>.elementor-container{border-top:1px solid #222a33;padding-top:20px}
html body #mo-stopka-dol p{font:400 13px/20px var(--kroj);color:var(--lead-ciemne);margin:0}

/* plywajaca nawigacja na telefonie (sekcja #mo-dolna jest ukryta na wiekszych ekranach) */
html body #mo-dolna{position:static}
html body #mo-dolna .elementor-widget-wrap{padding:0!important}
html body #mo-dolna-nawigacja{
  position:fixed;left:8px;right:8px;bottom:8px;z-index:200;height:64px;padding:4px;border-radius:32px;
  display:flex;justify-content:space-around;align-items:center;
  background:rgba(20,26,31,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
html body #mo-dolna-nawigacja a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  width:20%;height:56px;border-radius:32px;color:#fff;font:400 10px/12px var(--kroj);text-decoration:none;
}
html body #mo-dolna-nawigacja svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body #mo-dolna-nawigacja a.jest{color:var(--akcent);background:rgba(122,0,2,.43)}

/* ==========================================================================
   10. Tablet i telefon
   ========================================================================== */
@media(max-width:1024px){
  html body #mo-hero-glowny .elementor-post__title{font-size:36px!important;line-height:42px!important}
  html body .mo-blok--kafel .mo-card:first-child>h3{font-size:36px!important;line-height:42px!important}
  html body #mo-art-glowna>.elementor-widget-wrap,
  html body #mo-arch-glowna>.elementor-widget-wrap{padding-right:10px!important}
}

@media(max-width:767px){
  /* pasek: czarny, biale logo, biale kolko hamburgera */
  html body #mo-winieta{background:#000!important}
  html body #mo-winieta>.elementor-container{border-bottom:0;min-height:56px;padding:0 6px;flex-wrap:nowrap}
  html body #mo-kol-logo{width:50%!important}
  html body #mo-kol-prawa{width:50%!important}
  html body #mo-logo-biale img{width:140px;height:auto}
  html body #mo-szukaj .elementor-search-form__toggle{--e-search-form-toggle-color:#fff}
  html body #mo-szukaj .elementor-search-form__toggle i,
  html body #mo-szukaj .elementor-search-form__toggle div{color:#fff}
  html body #mo-hamburger .elementor-menu-toggle{background:#fff!important;color:#000!important;width:40px;height:40px}
  html body #mo-hamburger .elementor-menu-toggle svg{fill:#000}
  html body #mo-hamburger .elementor-nav-menu--dropdown{position:fixed!important;top:64px;left:8px!important;right:8px;width:auto!important}

  /* temat wiodacy: zdjecie z tytulem u gory, dwa kolejne teksty pod nim jako wiersze */
  html body #mo-hero{min-height:0;border-radius:0;overflow:visible;background:transparent}
  html body #mo-hero>.elementor-container{padding:0;flex-wrap:wrap}
  html body #mo-hero-lewa{position:relative!important;width:100%!important;min-height:498px;border-radius:0 0 16px 16px;overflow:hidden;background:var(--ciemne-tlo);display:flex}
  html body #mo-hero-lewa>.elementor-widget-wrap{padding:0 16px 16px!important}
  html body #mo-hero-glowny .elementor-post__title{font-size:28px!important;line-height:32px!important}
  html body #mo-hero-glowny .elementor-post__text::before{display:none}
  html body #mo-hero-prawa{width:100%!important}
  html body #mo-hero-prawa>.elementor-widget-wrap{padding:16px 12px 0!important}
  html body #mo-hero-obok{max-width:none}
  html body #mo-hero-obok .elementor-post{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:0 0 12px}
  html body #mo-hero-obok .elementor-post__title a{color:var(--czern)}
  html body #mo-hero-obok .elementor-post__meta-data .elementor-post-author{color:var(--czern)}

  /* karty jako wiersze: zdjecie 120x80 z lewej, tytul z prawej */
  html body .mo-z-etykieta .elementor-post,
  html body #mo-hero-obok .elementor-post{
    display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:.8px solid var(--linia-slaba);
  }
  html body .mo-z-etykieta .elementor-post__thumbnail__link,
  html body #mo-hero-obok .elementor-post__thumbnail__link{width:120px!important;flex:0 0 120px;margin:0!important}
  html body .mo-z-etykieta .elementor-post__thumbnail,
  html body #mo-hero-obok .elementor-post__thumbnail{padding-bottom:66.6%!important}
  html body .mo-z-etykieta .elementor-post__text::before{display:none}
  html body .mo-z-etykieta .elementor-post__title,
  html body #mo-hero-obok .elementor-post__title{font-size:14px!important;line-height:18px!important;margin-bottom:6px}
  html body .mo-z-etykieta .elementor-post__excerpt{display:none}
  html body #mo-zobacz-rowniez .elementor-post__thumbnail__link,
  html body #mo-arch-lista-wpisow .elementor-post__thumbnail__link{width:120px!important;flex:0 0 120px}
  html body #mo-najnowsze-siatka .elementor-posts-container{row-gap:12px!important;--grid-row-gap:12px}

  html body .mo-blok--kafel .mo-blok__lista{grid-template-columns:1fr;gap:12px}
  html body .mo-blok--kafel .mo-card:not(:first-child){
    display:grid;grid-template-columns:120px 1fr;column-gap:12px;align-items:start;
    padding-bottom:12px;border-bottom:.8px solid var(--linia-slaba);
  }
  html body .mo-blok--kafel .mo-card:not(:first-child)>.mo-thumb{grid-column:1;grid-row:1/span 3;margin:0}
  html body .mo-blok--kafel .mo-card:not(:first-child)>:not(.mo-thumb){grid-column:2}
  html body .mo-blok--kafel .mo-card:not(:first-child)>.mo-kicker{display:none}
  html body .mo-blok--kafel .mo-card:not(:first-child) h3{font-size:14px!important;line-height:18px!important;margin-bottom:6px!important}
  html body .mo-blok--kafel .mo-card:first-child{min-height:360px}
  html body .mo-blok--kafel .mo-card:first-child>*{margin-left:16px;margin-right:16px}
  html body .mo-blok--kafel .mo-card:first-child>h3{font-size:24px!important;line-height:28px!important;margin:0 16px 12px!important}
  html body .mo-blok--kafel .mo-card:first-child>.mo-meta{margin-bottom:16px}
  html body .mo-blok--poziomo .mo-card{grid-template-columns:1fr}
  html body .mo-blok--poziomo .mo-card>.mo-thumb{grid-column:1;grid-row:auto;margin-bottom:12px}

  html body #mo-art-naglowek h1,
  html body #mo-arch-naglowek h1{font-size:28px!important;line-height:32px!important}
  html body .mo-lede{font-weight:400!important}
  html body #mo-art-tresc h2{font-size:20px!important;line-height:24px!important}
  html body #mo-art-bok>.elementor-widget-wrap,
  html body #mo-arch-bok>.elementor-widget-wrap{position:static}

  html body #mo-stopka-logo img{width:240px}
  /* miejsce na plywajaca nawigacje, zeby nie zaslaniala konca stopki */
  html body{padding-bottom:80px}
}/* End custom CSS */