/* ============================================================
   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.
   ============================================================ */

.mw-strona__main{ max-width:var(--mw-max); margin-inline:auto; padding:0 var(--mw-pad) 5rem; }

/* kolumna czytelnej szerokości (miara wiersza) */
.mw-strona{ max-width:820px; margin-inline:auto; }
.mw-strona__head{ margin:1rem 0 2rem; }
.mw-strona__h1{ font-family:var(--mw-serif); font-weight:500; font-size:clamp(2rem,5vw,2.9rem);
  line-height:1.1; color:var(--mw-ink); margin:0; }

/* --- proza (the_content) --- */
.mw-strona__tresc{ color:var(--mw-ink); font-size:1.02rem; line-height:1.7; }
.mw-strona__tresc > *:first-child{ margin-top:0; }

.mw-strona__tresc h2{ font-family:var(--mw-serif); font-weight:500; font-size:1.6rem; line-height:1.2;
  margin:2.6rem 0 .9rem; color:var(--mw-ink); }
.mw-strona__tresc h3{ font-family:var(--mw-serif); font-weight:500; font-size:1.28rem; line-height:1.25;
  margin:2rem 0 .7rem; color:var(--mw-ink); }
.mw-strona__tresc h4{ font-weight:600; font-size:1.02rem; margin:1.6rem 0 .5rem; color:var(--mw-ink); }

.mw-strona__tresc p{ margin:0 0 1.1rem; }
.mw-strona__tresc ul,
.mw-strona__tresc ol{ margin:0 0 1.2rem; padding-left:1.3rem; }
.mw-strona__tresc li{ margin:0 0 .55rem; padding-left:.2rem; }
.mw-strona__tresc li::marker{ color:var(--mw-taupe); }
.mw-strona__tresc strong{ font-weight:600; color:var(--mw-ink); }

/* linki w treści */
.mw-strona__tresc a{ color:var(--mw-ink); text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:var(--mw-taupe); transition:color .15s var(--mw-ease); }
.mw-strona__tresc a:hover{ color:var(--mw-taupe); }

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

/* tabele */
.mw-strona__tresc table{ width:100%; border-collapse:collapse; margin:0 0 1.4rem; font-size:.95rem; }
.mw-strona__tresc th,
.mw-strona__tresc td{ border:1px solid var(--mw-line); padding:.6rem .8rem; text-align:left; vertical-align:top; }
.mw-strona__tresc th{ background:var(--mw-surface-2); font-weight:600; }

/* cytat / wyróżnienie */
.mw-strona__tresc blockquote{ margin:0 0 1.2rem; padding:.6rem 1.1rem; border-left:3px solid var(--mw-taupe);
  color:var(--mw-ink-2); background:var(--mw-surface-2); }

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

/* blok adresowy (nazwa firmy + adres zwrotów z panelu przez [mw_pole]) */
.mw-strona__tresc .mw-adres-blok{ background:var(--mw-surface-2); border:1px solid var(--mw-line); border-radius:3px;
  padding:1rem 1.2rem; line-height:1.6; }
.mw-strona__tresc .mw-adres-blok p{ margin:0; }

/* formularz zwrotów/wymian ([mw_zwroty_formularz]) — oddzielenie */
.mw-strona__tresc .mw-zw-pub,
.mw-strona__tresc .mw-zwroty-formularz{ margin:1.2rem 0 1.8rem; }

/* obrazy i figury (bloki wp:image) */
.mw-strona__tresc img{ max-width:100%; height:auto; }
.mw-strona__tresc figure{ margin:1.8rem 0; }
.mw-strona__tresc .wp-block-image img{ display:block; }
.mw-strona__tresc .has-text-align-center{ text-align:center; }

/* przycisk CTA w treści (np. „Przejdź do sklepu") — scope + !important, bo reset
   `.mw-widok a` (0,1,1) potrafi nadpisać kolor (czarny na czarnym). */
.mw-strona__tresc .mw-cta-wrap{ text-align:center; margin:2.2rem 0 .5rem; }
.mw-strona__tresc a.mw-cta{ display:inline-grid; place-items:center; min-height:48px; padding:.7rem 1.8rem;
  text-decoration:none; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; border-radius:2px;
  background:var(--mw-black); color:var(--mw-ecru)!important; border:1px solid var(--mw-black);
  transition:background .15s var(--mw-ease); }
.mw-strona__tresc a.mw-cta:hover{ background:var(--mw-choco); }

/* galeria zdjęć [mw_galeria] — masonry przez kolumny CSS */
.mw-strona__tresc .mw-galeria{ column-count:var(--mw-gal-kol,3); column-gap:1rem; margin:1.8rem 0; }
.mw-strona__tresc .mw-galeria__poz{ break-inside:avoid; margin:0 0 1rem; }
.mw-strona__tresc .mw-galeria__img{ width:100%; height:auto; display:block; border-radius:2px; }
@media (max-width:900px){ .mw-strona__tresc .mw-galeria{ column-count:2; } }
@media (max-width:420px){ .mw-strona__tresc .mw-galeria{ column-count:1; } }

/* mobile */
@media (max-width:600px){
  .mw-strona__tresc{ font-size:1rem; }
  .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{ overflow-x:auto; margin:1.5rem 0 2rem; }
.mw-cennik-tab{ width:100%; border-collapse:collapse; font-size:.95rem; min-width:520px; }
.mw-cennik-tab thead th{ text-align:left; font-size:.7rem; text-transform:uppercase; letter-spacing:.04em;
  color:var(--mw-ink-2); font-weight:600; padding:.55rem .7rem; border-bottom:2px solid var(--mw-line-2); white-space:nowrap; }
.mw-cennik-tab thead th.mw-cennik-tab__cod{ text-align:center; }
.mw-cennik-tab td{ padding:.62rem .7rem; border-bottom:1px solid var(--mw-line); vertical-align:middle; }
.mw-cennik-tab tbody tr:last-child td{ border-bottom:0 !important; }

/* wiersz-separator przewoźnika */
.mw-cennik-grupa td{ background:var(--mw-surface-2); padding:.45rem .7rem; border-bottom:1px solid var(--mw-line); }
/* selektor mocniejszy niż `.mw-strona__tresc img` (0,1,1), inaczej logo rośnie do natury */
.mw-strona__tresc .mw-cennik-grupa__logo{ height:22px !important; width:auto !important; max-width:92px;
  vertical-align:middle; margin-right:.55rem; object-fit:contain; display:inline-block; }
.mw-cennik-grupa span{ font-weight:600; letter-spacing:.02em; vertical-align:middle; color:var(--mw-ink); }

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