/* ============================================================
   MW Motyw — STRONA TREŚCIOWA (proza). WSPÓLNA typografia wszystkich
   przepisanych stron treściowych (zwroty, o nas, kontakt, FAQ, regulaminy…).
   Zakres: .mw-strona__main / .mw-strona__tresc. Tokeny: tokeny.css.
   ============================================================ */

/* gutter: wspolna regula <main> w tokeny.css */

/* kolumna prozy z tokenu --mw-prose-w (em, bo ch liczy od cyfry 0) */
.mw-strona{ max-width:var(--mw-prose-w); margin-inline:auto; font-size:var(--mw-fs-md); }
.mw-strona__head{ margin:0 0 var(--mw-s5); }
/* kroj, waga, rozmiar: wspolna regula z .mw-listing__h1 w tokeny.css */
.mw-strona__h1{ color:var(--mw-ink); margin:0; text-wrap:balance; }

/* --- proza (the_content) --- */
.mw-strona__tresc{ color:var(--mw-ink); font-size:var(--mw-fs-md); line-height:var(--mw-lh-base); }
.mw-strona__tresc > *:first-child{ margin-top:0; }

.mw-strona__tresc h2{ font-family:var(--mw-serif); font-weight:500; font-size:var(--mw-fs-xl); line-height:var(--mw-lh-snug);
  margin:var(--mw-s7) 0 var(--mw-s3); color:var(--mw-ink); text-wrap:balance; }
.mw-strona__tresc h3{ line-height:var(--mw-lh-snug);
  margin:var(--mw-s5) 0 var(--mw-s2); color:var(--mw-ink); }
.mw-strona__tresc h4{ font-weight:500; font-size:var(--mw-fs-md); margin:var(--mw-s4) 0 var(--mw-s2); color:var(--mw-ink); }

/* :not(.mw-siatka *): kafelki produktow w tresci maja wlasny wyglad (kafelek.css) */
.mw-strona__tresc p:not(.mw-siatka *){ margin:0 0 var(--mw-s4); }
/* punktory: reset .mw-widok ul (0,1,1) zdejmowal list-style */
.mw-widok .mw-strona__tresc :is(ul, ol):not(.mw-siatka, .mw-siatka *){ margin:0 0 var(--mw-s4); padding-inline-start:var(--mw-s4); }
.mw-widok .mw-strona__tresc ul:not(.mw-siatka, .mw-siatka *){ list-style:disc; }
.mw-widok .mw-strona__tresc ol{ list-style:decimal; }
.mw-strona__tresc li:not(.mw-siatka *){ margin:0 0 var(--mw-s2); padding-inline-start:var(--mw-s1); }
.mw-strona__tresc li::marker{ color:var(--mw-taupe); }
.mw-strona__tresc strong{ color:var(--mw-ink); } /* grubosc 500 z globalnego strong */

/* linki w tresci: utility "link w tekscie" w tokeny.css */
/* przycisk .mw-btn w tresci: w linii tekstu, skora z tokeny.css */
.mw-strona__tresc .mw-btn{ display:inline-grid; text-align:center; }
@media (width < 600px){ /* bp:phone */ .mw-strona__tresc .mw-btn{ display:grid; inline-size:100%; } }

/* linki do pobrania (PDF/Word) — obrysowe „przyciski" */
.mw-strona__tresc a:is([href$=".pdf"], [href$=".doc"], [href$=".docx"]){ display:inline-block; text-decoration:none;
  border:1px solid var(--mw-line); border-radius:var(--mw-radius); padding:var(--mw-s2) var(--mw-s3); margin:var(--mw-s1) 0; font-size:var(--mw-fs-sm); }
.mw-strona__tresc a:is([href$=".pdf"], [href$=".doc"], [href$=".docx"]):hover{ border-color:var(--mw-ink); color:var(--mw-ink); }

/* lista samych plikow do pobrania: bez punktorow, obrys jest znacznikiem */
.mw-widok .mw-strona__tresc ul:has(> li > a:is([href$=".pdf"], [href$=".doc"], [href$=".docx"])){ list-style:none; padding-inline-start:0; display:grid; inline-size:fit-content; max-inline-size:100%; }
/* ramki w liscie plikow rowne: szerokosc najdluzszej */
.mw-widok .mw-strona__tresc ul > li > a:is([href$=".pdf"], [href$=".doc"], [href$=".docx"]){ display:block; }
.mw-widok .mw-strona__tresc ul:has(> li > a:is([href$=".pdf"], [href$=".doc"], [href$=".docx"])) > li{ padding-inline-start:0; }

/* lista numerowana (utility): numer od lewej krawedzi, tekst wiszacy; 10+ punktow = szerszy numer */
.mw-widok .mw-strona__tresc ol:not([type]){ list-style:none; padding:0; --ol-nr-w:1.15em; }
.mw-widok .mw-strona__tresc ol:not([type]):where(:has(> li:nth-child(10))){ --ol-nr-w:1.5em; }
.mw-widok .mw-strona__tresc ol:not([type]) > li{ position:relative; padding-inline-start:var(--ol-nr-w); }
.mw-strona__tresc ol:not([type]) > li::before{ content:var(--ol-fmt, counter(list-item) "."); position:absolute; white-space:nowrap; color:var(--mw-taupe);
  inset-inline-end:calc(100% - var(--ol-nr-w) + .55em); } /* numer do prawej, stały odstęp 0,55 em */
/* podpunkty a. b. c.: litery (typ listy z atrybutu przegrywal z list-style:decimal) */
.mw-widok .mw-strona__tresc ol[type="a"]{ list-style:lower-alpha; padding-inline-start:var(--mw-s4); }
.mw-widok .mw-strona__tresc ol[type="a"] > li{ margin-block-end:var(--mw-s1); }

/* dokument prawny (utility .mw-legal na grupie): numer N.k. z licznika sekcji, szerszy numer */
.mw-legal{ counter-reset:sec; --ol-fmt:counter(sec) "." counter(list-item) "."; }
.mw-legal h2{ counter-increment:sec; }
.mw-widok .mw-strona__tresc .mw-legal ol:not([type]){ --ol-nr-w:2.3em; }
.mw-widok .mw-strona__tresc .mw-legal ol[type="a"]{ margin-block:var(--mw-s2) 0; }

/* tabele */
.mw-strona__tresc table{ width:100%; border-collapse:collapse; margin:0 0 var(--mw-s4); font-size:var(--mw-fs-sm); }
.mw-strona__tresc th,
.mw-strona__tresc td{ border:1px solid var(--mw-line); padding:var(--mw-s2) var(--mw-s3); text-align:left; vertical-align:top; }
.mw-strona__tresc th{ background:var(--mw-surface-2); font-weight:500; }

/* akordeon (details, utility w tokeny.css): kreska nad pierwszym pytaniem grupy */
.mw-strona__tresc :not(details) + details{ border-top:1px solid var(--mw-line); }

/* okruszki z bloku Yoast w tresci: szablon ma wlasne */
.mw-strona__tresc .yoast-breadcrumbs{ display:none; }

/* separator sekcji */
.mw-strona__tresc hr{ border:0; border-top:1px solid var(--mw-line); margin:var(--mw-s6) 0; }

/* obrazy i figury (bloki wp:image): cien kadru jak O nas i kafelek */
.mw-strona__tresc img:not(.mw-siatka *){ height:auto; }
.mw-strona__tresc figure{ margin:var(--mw-s6) 0; }
.mw-strona__tresc figcaption{ margin-block-start:var(--mw-s2); font-size:var(--mw-fs-sm); color:var(--mw-ink-3); }

/* produkty we wpisie: nasze kafelki zamiast bloku WooCommerce (czesci/product-tiles.php) */
.mw-strona__tresc .mw-post-products{ margin-block:var(--mw-s7); }
/* jeden produkt: kafelek na cala kolumne */
.mw-view .mw-post-products .mw-siatka > :only-child{ grid-column:1 / -1; }

/* galeria [mw_galeria] — mozaika z bloków 6×6, pola = proporcje zdjęć 2:3 i 3:2 */
.mw-strona:has(.mw-galeria){ max-width:none; }
.mw-strona__tresc .mw-galeria{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--mw-gap); margin:0; }
.mw-strona__tresc .mw-galeria__block{ display:grid; grid-template:repeat(6,1fr) / repeat(6,1fr); gap:var(--mw-gap); aspect-ratio:1; }
.mw-strona__tresc .mw-galeria__poz{ margin:0; min-height:0; }

.mw-strona__tresc .mw-galeria__block--portrait > :nth-child(1){ grid-area:1 / 1 / 7 / 5; }
.mw-strona__tresc .mw-galeria__block--portrait > :nth-child(2){ grid-area:1 / 5 / 4 / 7; }
.mw-strona__tresc .mw-galeria__block--portrait > :nth-child(3){ grid-area:4 / 5 / 7 / 7; }
.mw-strona__tresc .mw-galeria__block--landscape > :nth-child(1){ grid-area:1 / 1 / 5 / 7; }
.mw-strona__tresc .mw-galeria__block--landscape > :nth-child(2){ grid-area:5 / 1 / 7 / 4; }
.mw-strona__tresc .mw-galeria__block--landscape > :nth-child(3){ grid-area:5 / 4 / 7 / 7; }
/* co drugi blok w lustrze */
.mw-strona__tresc .mw-galeria__block--portrait:nth-child(even) > :nth-child(1){ grid-column:3 / 7; }
.mw-strona__tresc .mw-galeria__block--portrait:nth-child(even) > :nth-child(n+2){ grid-column:1 / 3; }
.mw-strona__tresc .mw-galeria__block--landscape:nth-child(even) > :nth-child(1){ grid-row:3 / 7; }
.mw-strona__tresc .mw-galeria__block--landscape:nth-child(even) > :nth-child(n+2){ grid-row:1 / 3; }

/* reszta poza blokami: równa wysokość, szerokość wg proporcji (2:3 = 2, 3:2 = 4,5) */
.mw-strona__tresc .mw-galeria__row{ grid-column:1 / -1; display:flex; gap:var(--mw-gap); align-items:flex-start; }
.mw-strona__tresc .mw-galeria__row .mw-galeria__poz{ flex:2 1 0; }
.mw-strona__tresc .mw-galeria__row .mw-galeria__poz--landscape{ flex-grow:4.5; }
.mw-strona__tresc .mw-galeria__row .mw-galeria__img{ height:auto; }

.mw-strona__tresc .mw-galeria__link{ display:block; inline-size:100%; block-size:100%; cursor:zoom-in; }
.mw-strona__tresc .mw-galeria__row .mw-galeria__link{ block-size:auto; }

@media (width < 900px){ /* bp:desktop */
  .mw-strona__tresc :is(.mw-galeria, .mw-galeria__block, .mw-galeria__row){ gap:var(--mw-s3); }
}
@media (width < 600px){ /* bp:phone */ .mw-strona__tresc .mw-galeria{ grid-template-columns:1fr; } }

/* strona z formularzem kontaktu: na marginesach strony, zdjecie obok tresci; telefon: zdjecie nad tytulem */
.mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form){ max-width:none; display:grid; align-items:start; }
.mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) .mw-strona__tresc{ display:contents; }
.mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) .mw-strona__tresc > figure:first-child{ order:-1; margin:0 0 var(--mw-s5); }
/* grid nie skleja marginesow: mniejszy gorny h2, formularz bez marginesow */
.mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) .mw-strona__tresc > h2{ margin-top:var(--mw-s5); }
.mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) .mw-contact-form{ margin:0; }
/* zdjecie kontaktu bez width/height: rezerwa miejsca (CLS), kadr przez cover */
.mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) .mw-strona__tresc > figure:first-child img{ inline-size:100%; aspect-ratio:1200 / 1798; object-fit:cover; }
@media (width >= 900px){ /* bp:desktop */
  .mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form){ grid-template-columns:1fr 1fr; column-gap:var(--mw-s8); }
  .mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) :is(.mw-strona__head, .mw-strona__tresc > *){ grid-column:2; }
  /* ponytail: span 99 = sufit liczby blokow tresci obok zdjecia; puste wiersze maja 0 px */
  .mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) .mw-strona__tresc > figure:first-child{ grid-column:1; grid-row:1 / span 99; margin:0;
    position:sticky; top:var(--mw-sticky-top); }
  .mw-strona:has(> .mw-strona__tresc > figure:first-child):has(.mw-contact-form) .mw-strona__tresc > figure:first-child img{ max-block-size:calc(100svh - var(--mw-header-h) - var(--mw-s8)); }
}

/* mobile */
/* okruszki: tytul strony w jednej linii z wielokropkiem (pelny tytul jest w h1 ponizej) */
@media (width < 900px){ /* bp:desktop */
  .mw-strona__main .mw-okruszki{ flex-wrap:nowrap; }
  .mw-strona__main .mw-okruszki [aria-current]{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

@media (width < 600px){ /* bp:phone */
  .mw-strona__tresc{ font-size:var(--mw-fs-base); }
  .mw-strona__tresc h2{ font-size:var(--mw-fs-lg); }
  .mw-strona__tresc h3{ font-size:var(--mw-fs-ml); }
  .mw-strona__tresc table{ display:block; overflow-x:auto; }
}

/* ============================================================
   CENNIK DOSTAWY — jedna tabela z wierszami-separatorami per przewoźnik
   ([mw_dostawa_cennik]). Kolumna „Płatność przy odbiorze" = ✓/✗.
   ============================================================ */
.mw-cennik-wrap{ margin:var(--mw-s4) 0 var(--mw-s5); }
/* ramki w modelu separate: przyklejony naglowek nie gubi ramek (Tomek 15.10) */
.mw-strona__tresc .mw-cennik-tab{ border-collapse:separate; border-spacing:0; line-height:var(--mw-lh-snug);
  border-block-start:1px solid var(--mw-line); border-inline-start:1px solid var(--mw-line); }
.mw-strona__tresc .mw-cennik-tab :is(thead th, tbody td){ padding:var(--mw-s2) var(--mw-s3); vertical-align:middle;
  border:0; border-block-end:1px solid var(--mw-line); border-inline-end:1px solid var(--mw-line); }
/* naglowek odwrocony: tlo w kolorze tekstu, tekst bialy */
.mw-cennik-tab thead th{ text-align:left; font-weight:500; color:var(--mw-paper); background:var(--mw-ink-3); }
.mw-cennik-tab thead th.mw-cennik-tab__cod{ text-align:center; }

/* wiersz przewoznika: nazwa, potem logo; rtl odwraca kolejnosc bez zmiany DOM */
.mw-cennik-grupa td{ direction:rtl; text-align:left; background:var(--mw-surface-2); }
/* loga: rowna powierzchnia, wysokosc = s4 * pierwiastek(proporcja InPost / proporcja loga) */
.mw-strona__tresc img.mw-cennik-grupa__logo{ height:calc(var(--mw-s4) * var(--mw-logo-k, 1));
  vertical-align:middle; margin:0 0 0 var(--mw-s2); display:inline-block; }
.mw-cennik-grupa__logo[src$="/dpd.png"]{ --mw-logo-k:.86; }
.mw-cennik-grupa__logo[src$="/orlen.png"]{ --mw-logo-k:1.29; }
.mw-cennik-grupa__logo[src$="/pocztex.png"]{ --mw-logo-k:.6; }
/* desktop: kolumny 2-4 z naglowkiem w dwoch wierszach, tabela wezsza od kolumny tekstu */
@media (width >= 900px){ /* bp:desktop */
  .mw-strona__tresc .mw-cennik-tab{ width:auto; }
  .mw-cennik-tab thead th:is(:nth-child(2), :nth-child(3)){ width:1px; }
  .mw-cennik-tab thead th.mw-cennik-tab__cod{ width:calc(8.5em + 2 * var(--mw-s3)); }
  .mw-cennik-tab tbody td:not(:first-child){ white-space:nowrap; }
}
/* telefon: od krawedzi do krawedzi, bez przewijania w bok, naglowek przyklejony */
@media (width < 900px){ /* bp:desktop */
  .mw-cennik-wrap{ margin-inline:calc(-1 * var(--mw-page-pad)); }
  .mw-strona__tresc .mw-cennik-tab{ display:table; overflow:visible; }
  .mw-strona__tresc .mw-cennik-tab :is(thead th, tbody td){ padding-inline:var(--mw-s1); }
  .mw-cennik-tab thead th{ position:sticky; inset-block-start:0; z-index:1; font-size:var(--mw-fs-xs); text-align:center; }
}
.mw-cennik-grupa span{ font-weight:500; font-size:var(--mw-fs-sm); vertical-align:middle; color:var(--mw-ink); }

/* kolumna pobranie ✓/✗ */
td.mw-cennik-tab__cod{ text-align:center; font-size:var(--mw-fs-base); font-weight:500; }
td.mw-cennik-tab__cod.tak{ color:var(--mw-ok); }
td.mw-cennik-tab__cod.nie{ color:var(--mw-line-2); }