@charset "utf-8";
/*
Theme Name: Ulotka
Theme URI: https://millimed.pl/
Author: Krzysztof Miller
Description: Klasyczny motyw informacyjny o układzie czytelnej ulotki.
Version: 1.0.0
Requires at least: 5.4
Requires PHP: 7.4
Text Domain: ulotka
*/

/* Lokalne fonty: pliki latin-ext są deklarowane przed latin, a zakresy się uzupełniają. */
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/figtree-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/figtree-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/nunito-sans-400-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/nunito-sans-400-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/nunito-sans-700-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/nunito-sans-700-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122}

:root{
  --lazur:#24a8d8;           /* akcent z logo. Na bieli 2,74:1 → POWIERZCHNIE i kreski, nie tekst */
  --morski:#2f7ea6;          /* pas i przyciski — biel na nim 4,51:1 */
  --morski-tekst:#276e92;    /* odsyłacze na jasnym            5,63:1 */
  --morski-ciemny:#1f5c7c;   /* hover                          7,29:1 */
  --morski-glab:#17495f;     /* stopka                         9,75:1 */

  --kolor-akcentu:var(--lazur);
  --kolor-tla-kontrastowego:var(--morski);
  --kolor-tla:var(--papier);

  --atrament:#303740;        /* nagłówki                     12,03:1 */
  --atrament-2:#404040;      /* proza (kolor żywego serwisu)   10,37:1 */
  --mgla:#5f6670;            /* metadane                        5,80:1 */
  --mgla-ui:#8b9099;         /* elementy NIETEKSTOWE           3,21:1 */
  --obwodka-pola:rgba(48,55,64,.45);

  --biel:#fff;
  --papier:#f2f2f2;          /* kolor tła żywego serwisu */
  --papier-2:#e8eef2;        /* chłodny odcień pod akcenty */
  --papier-3:#dbe3e9;

  --na-morskim:#fff;
  --na-morskim-2:#d6e6ef;

  --linia:rgba(48,55,64,.12);
  --linia-mocna:rgba(48,55,64,.26);
  --linia-jasna:rgba(255,255,255,.20);
  --naklad-ciemny:rgba(0,0,0,.16);
  --podkreslenie-stopki:rgba(255,255,255,.45);

  --cien-1:0 1px 2px rgba(48,55,64,.05), 0 2px 8px rgba(48,55,64,.05);
  --cien-2:0 2px 6px rgba(48,55,64,.07), 0 14px 34px rgba(48,55,64,.10);
  --cien-3:0 4px 14px rgba(48,55,64,.10), 0 26px 60px rgba(48,55,64,.14);

  --naglowkowy:"Figtree",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --groteska:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  --t-mikro:.75rem;
  --t-meta:.8125rem;
  --t-maly:.9375rem;
  --t-baza:1.0625rem;
  --t-lead:clamp(1.0625rem,1rem + .35vw,1.25rem);
  --t-h3:clamp(1.1rem,1.02rem + .4vw,1.3rem);
  --t-h2:clamp(1.3rem,1.15rem + .7vw,1.7rem);
  --t-tytul:clamp(1.6rem,1.2rem + 1.9vw,2.6rem);

  --interlinia:1.72;
  --lam:35em;

  --brzeg:clamp(1.15rem,4vw,3rem);
  --kontener:1200px;
  --odstep-sekcji:clamp(2.25rem,4.5vw,3.5rem);
  --luka:clamp(1.15rem,2.2vw,1.75rem);

  --promien:5px;
  --promien-2:10px;
  --kreska:3px;
  --ruch:.2s cubic-bezier(.2,.6,.25,1);
  --belka-h:3.75rem;

  --stopka-tekst:#cfe0e9;
  --druk-biel:#fff;
  --druk-czern:#000;
  --druk-linia:#999;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--papier);color:var(--atrament-2);
  font-family:var(--groteska);font-size:var(--t-baza);line-height:var(--interlinia);
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;height:auto;display:block}
h1,h2,h3,p,figure,blockquote,ul,ol,dl,table{margin:0}
ul,ol{padding:0}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
:target{scroll-margin-top:calc(var(--belka-h) + 1.5rem)}
a,button,input,textarea,summary,[tabindex]{scroll-margin-top:calc(var(--belka-h) + 1rem)}

h1,h2,h3{font-family:var(--naglowkowy);color:var(--atrament);font-weight:600;line-height:1.24;text-wrap:balance}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3)}
p{text-wrap:pretty}
strong,b{font-weight:700;color:var(--atrament)}
.lead{font-size:var(--t-lead);color:var(--atrament-2)}
.proza a,.panel a,.dane a,.stopka a{
  color:var(--morski-tekst);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:.18em;overflow-wrap:break-word;transition:color var(--ruch);
}
.proza a:hover,.panel a:hover,.dane a:hover{color:var(--morski-ciemny)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  /* B5 1.4.11 (Fable 2.09): obwodka w kolorze tekstu dziedziczy jego kontrast (>=4,5:1 > 3:1);
     lazurowa obwodka na bieli miala 2,7:1. Lazur zostaje jako zewnetrzne halo marki. */
  outline:3px solid currentColor;outline-offset:2px;border-radius:2px;
  box-shadow:0 0 0 5px var(--lazur);
}
.belka a:focus-visible,.belka button:focus-visible,.belka input:focus-visible,
.stopka a:focus-visible{box-shadow:0 0 0 5px var(--biel)}
.pominienie{
  position:absolute;left:-9999px;top:0;z-index:100;background:var(--morski-glab);color:var(--biel);
  padding:.85rem 1.25rem;border-radius:0 0 var(--promien) 0;font-weight:700;
}
.pominienie:focus{left:0}
/* Teksty dostępnościowe, które w źródle są całkowicie przycięte stylem inline
   („Millimed", „Prezentacja produktów firmy Millimed", „Scroll Up", „Search for:").
   Zostają w dokumencie dla czytników ekranu — dokładnie jak w oryginale. */
.tylko-dla-czytnika{
  color:inherit;   /* tekst jest przycięty, ale dziedziczy kolor otoczenia — dzięki temu
                      pomiar kontrastu (bramka B6) nie zgłasza fałszywego alarmu */
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}

.kontener{width:100%;max-width:var(--kontener);margin-inline:auto;padding-inline:var(--brzeg)}
.sekcja{padding-block:var(--odstep-sekcji)}
.proza>*+*{margin-top:1.05em}
.proza{max-width:var(--lam)}
.proza ul,.proza ol{padding-left:1.4em}
.proza li+li{margin-top:.35em}
.proza li::marker{color:var(--lazur)}
.uklad{display:grid;gap:clamp(1.5rem,3vw,2.25rem);align-items:start}
@media (min-width:1024px){.uklad{grid-template-columns:minmax(0,1fr) 300px}}
.uklad>*{min-width:0}

/* ---- belka ---- */
.belka{position:sticky;top:0;z-index:50;background:var(--morski);color:var(--na-morskim);box-shadow:var(--cien-1)}
.belka__rzad{display:flex;align-items:center;gap:.5rem 1rem;flex-wrap:wrap;min-height:var(--belka-h)}
.menu{display:none}
.menu ul{display:flex;flex-wrap:wrap;list-style:none;margin:0}
.menu a{
  display:inline-flex;align-items:center;min-height:var(--belka-h);padding:.35rem 1rem;
  text-decoration:none;font-family:var(--naglowkowy);font-size:var(--t-maly);font-weight:600;
  color:var(--na-morskim);transition:background var(--ruch);
}
.menu a:hover,.menu a[aria-current]{background:var(--naklad-ciemny)}
.szukajka{display:flex;align-items:stretch;gap:.4rem;margin-left:auto;flex:0 1 18rem;padding-block:.5rem}
.szukajka__pole{
  flex:1 1 auto;min-width:0;border:1px solid var(--biel);border-radius:var(--promien);
  padding:.45rem .8rem;font-size:var(--t-maly);min-height:44px;
  background:var(--naklad-ciemny);color:var(--na-morskim);
}
.szukajka__pole::placeholder{color:var(--na-morskim-2)}
.szukajka__guzik{
  flex:0 0 auto;min-height:44px;padding:.45rem 1rem;border:1px solid var(--biel);
  background:var(--biel);color:var(--morski);border-radius:var(--promien);
  font-weight:700;font-size:var(--t-maly);cursor:pointer;transition:background var(--ruch),color var(--ruch);
}
.szukajka__guzik:hover{background:var(--morski-glab);border-color:var(--morski-glab);color:var(--biel)}
.panel .szukajka{margin-left:0;flex:1 1 auto;padding-block:0}
.panel .szukajka__pole,.stan-pusty .szukajka__pole{background:var(--biel);color:var(--atrament);border-color:var(--mgla-ui)}
.panel .szukajka__pole::placeholder,.stan-pusty .szukajka__pole::placeholder{color:var(--mgla)}
.panel .szukajka__guzik,.stan-pusty .szukajka__guzik{background:var(--morski);border-color:var(--morski);color:var(--biel)}
.panel .szukajka__guzik:hover,.stan-pusty .szukajka__guzik:hover{background:var(--morski-ciemny);border-color:var(--morski-ciemny)}
.menu-mobilne{margin-left:auto;position:relative;padding-block:.5rem}
.menu-mobilne>summary{
  display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .9rem;
  border:1px solid var(--linia-jasna);border-radius:var(--promien);background:var(--naklad-ciemny);
  color:var(--na-morskim);font-family:var(--naglowkowy);font-weight:600;font-size:var(--t-maly);
  cursor:pointer;list-style:none;
}
.menu-mobilne>summary::-webkit-details-marker{display:none}
.menu-mobilne>summary svg{width:19px;height:14px}
.menu-mobilne__panel{
  position:absolute;right:0;top:calc(100% + .35rem);z-index:60;
  min-width:min(18rem,calc(100vw - 2 * var(--brzeg)));
  background:var(--biel);border-radius:var(--promien-2);box-shadow:var(--cien-3);padding:.5rem;
}
.menu-mobilne__panel ul{list-style:none;margin:0}
.menu-mobilne__panel a{
  display:flex;align-items:center;min-height:44px;padding:.5rem .75rem;border-radius:var(--promien);
  text-decoration:none;font-weight:600;font-size:var(--t-maly);color:var(--atrament-2);
}
.menu-mobilne__panel a:hover{background:var(--papier-2);color:var(--morski-tekst)}
.menu-mobilne__panel a[aria-current]{background:var(--papier-2);color:var(--morski-tekst)}
.menu-mobilne__panel li+li{border-top:1px solid var(--linia)}
@media (min-width:900px){.menu{display:block}.menu-mobilne{display:none}}

/* baner marki */
.baner{background:var(--biel);border-bottom:1px solid var(--linia)}
.baner img{
  width:auto;max-width:100%;height:auto;max-height:min(46vh,26rem);object-fit:scale-down;
  object-position:center;background:var(--biel);margin-inline:auto
}

/* ---- cztery boksy ---- */
.boksy{display:grid;gap:var(--luka)}
@media (min-width:600px){.boksy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.boksy{grid-template-columns:repeat(4,minmax(0,1fr))}}
.boks{
  background:var(--biel);border-radius:var(--promien-2);overflow:hidden;box-shadow:var(--cien-1);
  display:flex;flex-direction:column;position:relative;
  transition:box-shadow var(--ruch),transform var(--ruch);
}
.boks::before{
  content:"";position:absolute;left:0;right:0;top:0;height:var(--kreska);z-index:2;
  background:var(--lazur);transform:scaleX(0);transform-origin:left;transition:transform var(--ruch);
}
.boks:hover{box-shadow:var(--cien-2);transform:translateY(-3px)}
.boks:hover::before{transform:scaleX(1)}
.boks__foto{display:block;background:var(--papier-2)}
.boks__foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.boks__tresc{padding:1.1rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}
.boks h2{font-size:var(--t-h2)}
.boks h2 a{text-decoration:none;color:var(--atrament);transition:color var(--ruch)}
.boks h2 a:hover{color:var(--morski-tekst)}
.boks p{font-size:var(--t-maly);color:var(--atrament-2)}

/* ---- karty wpisów ---- */
.naglowek-sekcji{
  font-family:var(--naglowkowy);font-size:var(--t-h2);color:var(--atrament);
  padding-bottom:.6rem;border-bottom:var(--kreska) solid var(--lazur);
  margin-bottom:clamp(1.15rem,2.4vw,1.75rem);
}
.wpisy{display:grid;gap:var(--luka)}
@media (min-width:700px){.wpisy{grid-template-columns:repeat(2,minmax(0,1fr))}}
.karta{
  background:var(--biel);border-radius:var(--promien-2);overflow:hidden;box-shadow:var(--cien-1);
  display:flex;flex-direction:column;transition:box-shadow var(--ruch),transform var(--ruch);
}
.karta:hover{box-shadow:var(--cien-2);transform:translateY(-2px)}
/* B8 (Fable 2.09): male oryginaly (300 px) nie sa upskalowane >1,2x — ramka 300:169 zostaje,
   obraz w naturalnym rozmiarze (max 100%), wycentrowany na tle papieru; decyzja dyrektora wizualnego. */
.karta__foto{display:flex;align-items:center;justify-content:center;aspect-ratio:300/169;overflow:hidden;background:var(--papier-2)}
.karta__foto img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.karta__tresc{padding:1.1rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:.6rem;flex:1 1 auto}
.karta__tytul{margin:0;font-size:var(--t-h3)}
.karta__tytul a{text-decoration:none;color:var(--atrament);transition:color var(--ruch)}
.karta__tytul a:hover{color:var(--morski-tekst)}
.karta__data{font-size:var(--t-meta);color:var(--mgla)}
.karta__data a{color:inherit;text-decoration:none}
.karta__data a:hover{text-decoration:underline}
.karta__zajawka{font-size:var(--t-maly);color:var(--atrament-2);margin:0}
.karta__zajawka a{color:var(--morski-tekst);font-weight:700;text-decoration:none;white-space:nowrap}
.karta__zajawka a:hover{text-decoration:underline}
.karta__stopka{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--linia);font-size:var(--t-meta)}
.karta__stopka a{
  display:inline-flex;align-items:center;min-height:32px;padding:.15rem .6rem;
  background:var(--papier-2);border-radius:var(--promien);color:var(--morski-tekst);
  font-weight:700;text-decoration:none;
}
.karta__stopka a:hover{background:var(--morski);color:var(--biel)}

.paginacja{margin-top:clamp(1.5rem,3vw,2.25rem);display:flex;flex-wrap:wrap;gap:.6rem}
.paginacja a{
  display:inline-flex;align-items:center;gap:.4rem;min-height:48px;padding:.5rem 1.25rem;
  background:var(--biel);border-radius:var(--promien);box-shadow:var(--cien-1);
  font-family:var(--naglowkowy);font-weight:600;font-size:var(--t-maly);
  color:var(--morski-tekst);text-decoration:none;transition:background var(--ruch),color var(--ruch);
}
.paginacja a:hover{background:var(--morski);color:var(--biel)}

/* ---- treść wpisu i podstrony ---- */
.karta-tresci{
  background:var(--biel);border-radius:var(--promien-2);box-shadow:var(--cien-1);
  padding:clamp(1.35rem,3vw,2.5rem);border-top:var(--kreska) solid var(--lazur);
}
.karta-tresci .proza{max-width:none}
.karta-tresci .proza>p,.karta-tresci .proza>ul,.karta-tresci .proza>ol{max-width:var(--lam)}
.tytul-strony{margin-bottom:clamp(1.15rem,2.4vw,1.75rem)}
.tytul-strony h1{font-size:var(--t-tytul)}
.dane{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:var(--t-meta);color:var(--mgla);margin-top:.7rem}
.proza figure{margin-block:1.6em}
.proza figure img{
  width:auto;max-width:100%;height:auto;margin-inline:auto;border-radius:var(--promien);
  background:var(--papier-2);border:1px solid var(--linia)
}
/* skład / dawkowanie — układ jak w ulotce: nazwa po lewej, ilość po prawej */
.sklad{display:grid;gap:0;margin-block:1rem;max-width:var(--lam)}
.sklad div{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;
  padding:.55rem 0;border-top:1px solid var(--linia);
}
.sklad div:first-child{border-top:0}
.sklad dt{font-weight:600;color:var(--atrament)}
.sklad dd{margin:0;font-variant-numeric:tabular-nums;color:var(--atrament-2)}
.nawigacja-wpisu{margin-top:clamp(1.5rem,3vw,2.25rem);display:flex;flex-wrap:wrap;gap:.75rem}
.nawigacja-wpisu a{
  display:inline-flex;align-items:center;gap:.4rem;min-height:48px;padding:.5rem 1.25rem;
  background:var(--papier);border-radius:var(--promien);font-weight:600;font-size:var(--t-maly);
  color:var(--morski-tekst);text-decoration:none;transition:background var(--ruch),color var(--ruch);
}
.nawigacja-wpisu a:hover{background:var(--morski);color:var(--biel)}
/* dane kontaktowe: etykieta i wartość w dwóch kolumnach */
.kontakt-dane{display:grid;gap:.15rem .9rem;margin-block:.75rem;max-width:32rem}
@media (min-width:520px){.kontakt-dane{grid-template-columns:auto minmax(0,1fr)}}
.kontakt-dane dt{font-weight:600;color:var(--atrament)}
.kontakt-dane dd{margin:0;font-variant-numeric:tabular-nums}
.adres-obcy{font-size:var(--t-baza);line-height:1.9}

/* ---- panel boczny ---- */
.panel{display:grid;gap:clamp(1.15rem,2.2vw,1.6rem)}
.widget{background:var(--biel);border-radius:var(--promien-2);box-shadow:var(--cien-1);overflow:hidden}
.widget__tytul{
  font-size:var(--t-h3);margin:0;padding:.85rem 1.15rem;color:var(--atrament);
  border-bottom:var(--kreska) solid var(--lazur);
}
.widget__wnetrze{padding:.5rem 1.15rem 1rem}
.widget ul{list-style:none}
.lista-kreskowana li{border-top:1px solid var(--linia)}
.lista-kreskowana li:first-child{border-top:0}
.lista-kreskowana a{
  display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.5rem 0;
  font-size:var(--t-maly);color:var(--atrament-2);text-decoration:none;transition:color var(--ruch);
}
.lista-kreskowana a:hover{color:var(--morski-tekst)}
.lista-kreskowana a::before{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--lazur);border-radius:50%}

/* ---- stopka ---- */
.stopka{background:var(--morski-glab);color:var(--stopka-tekst);margin-top:var(--odstep-sekcji)}
.stopka__rzad{
  display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;
  padding-block:clamp(1.5rem,3vw,2.25rem);font-size:var(--t-maly);
}
.stopka a{color:var(--biel);text-decoration-color:var(--podkreslenie-stopki)}
.stopka a:hover{text-decoration-color:currentColor}
.do-gory{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;
  border:1px solid var(--linia-jasna);border-radius:var(--promien);color:var(--biel);
  text-decoration:none !important;transition:background var(--ruch),color var(--ruch);
}
.do-gory svg{width:20px;height:20px}
.do-gory:hover{background:var(--biel);color:var(--morski-glab)}

/* ---- specimen ---- */
.probka{display:grid;gap:1rem;margin-block:1.5rem}
@media (min-width:640px){.probka--kolory{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}}
.probka-kolor{border-radius:var(--promien);overflow:hidden;background:var(--biel);box-shadow:var(--cien-1)}
.probka-kolor__plama{height:66px}
.probka-kolor__opis{padding:.7rem .85rem;font-size:var(--t-meta);color:var(--mgla)}
.probka-kolor__opis b{display:block;color:var(--atrament);font-size:var(--t-maly)}
.tabelka{width:100%;border-collapse:collapse;font-size:var(--t-maly)}
.tabelka th,.tabelka td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--linia);vertical-align:top}
.tabelka th{color:var(--atrament);font-weight:700}
.tabela-otoczka{overflow-x:auto}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-size:.9em;background:var(--papier-2);padding:.1em .35em;border-radius:3px}

/* ---- mapowanie fragmentów rdzenia na język wizualny projektu ---- */
.kontener--wasz{max-width:48rem}
.kolumna-glowna{min-width:0}
.sekcja--dzialy+.sekcja--wpisy{padding-top:0}

/* Aliasy struktury R5; wygląd zapewniają równoległe klasy projektu. */
.menu-details{display:contents}
.menu-details__przycisk::before{
  content:"";width:19px;height:14px;flex:0 0 19px;
  background:
    linear-gradient(currentColor,currentColor) top/100% 2px no-repeat,
    linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,
    linear-gradient(currentColor,currentColor) bottom/100% 2px no-repeat
}
.baner-marki__link{display:block}
.siatka-kart-ofert__lista{list-style:none}
.siatka-kart-ofert__lista>li{min-width:0}
.karta-oferty{height:100%}
.karta-wpisu__tekst{
  min-width:0;width:100%;display:flex;flex:1 1 auto;flex-direction:column;gap:.6rem
}

/* Natywne widgety zachowują dane i ustawienia istniejącego sidebara. */
.widget>ul,.widget>div:not(.widget__wnetrze){margin:.5rem 1.15rem 1rem}
.widget>.szukajka{margin:1rem 1.15rem}
.widget ul{padding:0;list-style:none}
.widget li{border-top:1px solid var(--linia)}
.widget li:first-child{border-top:0}
.widget li a{
  display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.5rem 0;
  font-size:var(--t-maly);color:var(--atrament-2);text-decoration:none
}
.widget li a:hover{color:var(--morski-tekst)}
.widget li a::before{
  content:"";width:6px;height:6px;flex:0 0 6px;background:var(--lazur);border-radius:50%
}
.widget select{width:calc(100% - 2.3rem);margin:.7rem 1.15rem 1rem;min-height:44px}
.widget .screen-reader-text{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0
}

.stan-pusty>*+*{margin-top:1rem}
.stan-pusty .szukajka{margin-left:0;max-width:30rem}
.alignleft{float:left;margin:0 1.5rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.5rem}
.aligncenter{margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:var(--t-meta);color:var(--mgla)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
@media print{
  .belka,.stopka,.panel,.do-gory,.paginacja{display:none !important}
  body{background:var(--druk-biel);color:var(--druk-czern);font-size:11pt}
  .karta,.karta-tresci,.boks,.widget{
    box-shadow:none;border:1px solid var(--druk-linia);break-inside:avoid
  }
  a{text-decoration:underline}
}