@charset "utf-8";
/*
Theme Name: Centrala
Theme URI: https://www.doradcavoip.pl/
Author: Telepartner
Description: Klasyczny, w pełni edytowalny motyw dla doradcavoip.pl.
Version: 1.0.0
Requires at least: 5.4
Requires PHP: 7.4
Text Domain: centrala
*/

@font-face{
  font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("assets/fonts/inter-latin-ext.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("assets/fonts/inter-latin.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;
}
@font-face{
  font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("assets/fonts/manrope-latin-ext.woff2") format("woff2");
}
/* =====================================================================
   DORADCAVOIP.PL — projekt „CENTRALA”
   Doradztwo i wdrożenia telefonii VoIP (Telepartner Sp. z o.o.).
   Serwis ma jedną stronę ofertową, stronę Kontakt i puste archiwum bloga,
   więc layout musi utrzymać go rytmem sekcji i jasną ścieżką do kontaktu.
   Paleta pochodzi z POMIARU logo (611 pikseli dominanty pomarańczu)
   oraz z żywego serwisu: ciemny pas akcji i jasny podkład.
   Zasada serii: trzymamy 1:1 TREŚĆ, układ projektujemy od nowa.
   Makieta HTML+CSS, 2026-08-24. Cały CSS używa WYŁĄCZNIE zmiennych.
   ===================================================================== */

:root{
  /* Stabilny kontrakt semantyczny rdzenia — wartości domeny Centrala. */
  --kolor-akcentu:#fa6400;
  --kolor-akcentu-hover:#d95700;
  --kolor-linku:#a84f00;
  --kolor-linku-na-tle-alternatywnym:#8f4300;
  --kolor-tla-kontrastowego:#2a2a2a;
  --kolor-karty-kontrastowej:#1f1f1f;
  --kolor-tekstu:#232323;
  --kolor-tekstu-wtornego:#3a3a3a;
  --kolor-metadanych:#5f5f5f;
  --kolor-ui-nietekstowego:#8b8b8b;
  --kolor-karty:#ffffff;
  --kolor-tla:#f2f1f0;
  --kolor-tla-alternatywnego:#e7e5e6;
  --kolor-tla-trzeciego:#dcd9da;
  --kolor-tekstu-na-kontrascie:#ffffff;
  --kolor-tekstu-wtornego-na-kontrascie:#d6d4d4;
  --kolor-bieli-technicznej:#ffffff;
  --kolor-czerni-technicznej:#000000;
  --kolor-przezroczysty:transparent;
  --kolor-akcentu-przezroczysty:rgba(250,100,0,.10);
  --kolor-linii:rgba(35,35,35,.12);
  --kolor-linii-mocnej:rgba(35,35,35,.28);
  --kolor-linii-na-kontrascie:rgba(255,255,255,.18);
  --kolor-linii-interaktywnej-na-kontrascie:rgba(255,255,255,.48);
  --kolor-cienia:rgba(35,35,35,.14);
  --kolor-nakladki:rgba(35,35,35,.78);
  --kolor-fokusu:var(--kolor-tekstu);
  --kolor-fokusu-na-kontrascie:var(--kolor-tekstu-na-kontrascie);
  --kolor-fokusu-kontekstowy:var(--kolor-fokusu);

  /* Nazwy-metafory projektu pozostają aliasami stabilnych ról. */
  --pomarancz:var(--kolor-akcentu);
  --pomarancz-glab:var(--kolor-akcentu-hover);
  --pomarancz-tekst:var(--kolor-linku);
  --pomarancz-ciemny:var(--kolor-linku-na-tle-alternatywnym);
  --grafit:var(--kolor-tla-kontrastowego);
  --grafit-glab:var(--kolor-karty-kontrastowej);
  --atrament:var(--kolor-tekstu);
  --atrament-2:var(--kolor-tekstu-wtornego);
  --mgla:var(--kolor-metadanych);
  --mgla-ui:var(--kolor-ui-nietekstowego);
  --biel:var(--kolor-karty);
  --papier:var(--kolor-tla);
  --papier-2:var(--kolor-tla-alternatywnego);
  --papier-3:var(--kolor-tla-trzeciego);
  --na-grafitcie:var(--kolor-tekstu-na-kontrascie);
  --na-grafitcie-2:var(--kolor-tekstu-wtornego-na-kontrascie);
  --obwodka-pola:rgba(35,35,35,.55);
  --linia:var(--kolor-linii);
  --linia-mocna:var(--kolor-linii-mocnej);
  --linia-jasna:var(--kolor-linii-na-kontrascie);
  --cien-1:0 1px 2px rgba(35,35,35,.05),0 2px 8px rgba(35,35,35,.05);
  --cien-2:0 2px 6px rgba(35,35,35,.07),0 14px 34px rgba(35,35,35,.10);
  --cien-3:0 4px 14px rgba(35,35,35,.10),0 26px 60px rgba(35,35,35,.14);
  --tlo-planszy-hero:
    radial-gradient(120% 170% at 16% 0%,rgba(250,100,0,.32),transparent 58%),
    radial-gradient(90% 140% at 90% 12%,rgba(250,100,0,.15),transparent 62%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 15px),
    linear-gradient(180deg,#332f2c 0%,#2a2726 62%,#221f1f 100%);
  --tlo-tekstu-hero:linear-gradient(180deg,rgba(35,35,35,0) 0%,rgba(35,35,35,.62) 45%,rgba(35,35,35,.88) 100%);
  --naglowkowy:"Manrope",system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --groteska:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* Nazwy rdzenia mapują się na dokładną typografię i geometrię projektu. */
  --font-podstawowy:var(--groteska);
  --font-wyrozniajacy:var(--naglowkowy);

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

  --interlinia:1.7;
  --lam:35em;

  --brzeg:clamp(1.15rem,4vw,3rem);
  --kontener:1180px;
  --odstep-sekcji:clamp(2.5rem,5vw,4.25rem);
  --luka:clamp(1.25rem,2.4vw,2rem);

  --promien:5px;
  --promien-2:10px;
  --pas:4px;
  --ruch:.2s cubic-bezier(.2,.6,.25,1);
  --belka-h:4.5rem;

  --rozmiar-maly:var(--t-maly);
  --rozmiar-tekstu:var(--t-baza);
  --rozmiar-lead:var(--t-lead);
  --rozmiar-h3:var(--t-h3);
  --rozmiar-h2:var(--t-h2);
  --rozmiar-h1:var(--t-tytul);
  --rozmiar-display:var(--t-hero);
  --waga-srednia:600;
  --waga-naglowka:700;
  --waga-mocna:700;
  --interlinia-display:1.22;
  --interlinia-zwarta:1.22;
  --interlinia-kicker:1.3;
  --interlinia-wyroznienia:1.4;
  --interlinia-naglowka:1.22;
  --odstep-liter-kicker:.05em;
  --odstep-liter-wersaliki:.05em;
  --odsuniecie-podkreslenia:.18em;
  --odstep-1:.25rem;
  --odstep-2:.5rem;
  --odstep-3:.75rem;
  --odstep-4:1rem;
  --odstep-5:1.5rem;
  --odstep-6:2rem;
  --odstep-7:3rem;
  --odstep-8:4rem;
  --odstep-kontenera:var(--brzeg);
  --szerokosc-kontenera:var(--kontener);
  --szerokosc-tekstu:var(--lam);
  --szerokosc-tytulu-hero:44rem;
  --szerokosc-obrazu-hero:61.25rem;
  --szerokosc-obrazu-pasa:52rem;
  --szerokosc-karty-wpisu-min:14rem;
  --szerokosc-karty-wpisu-max:18.75rem;
  --szerokosc-kolumny-siatki-wpisow:18.75rem;
  --szerokosc-panelu-menu:18rem;
  --szerokosc-motta-stopki:35em;
  --wysokosc-logo-stopki:2.6875rem;
  --wysokosc-plytki-karty:4.5rem;
  --wysokosc-linku-menu-mobile:2.75rem;
  --minimalna-wysokosc-hero-pelny-ekran:22rem;
  --minimum-kolumny-hero:16rem;
  --minimum-kolumny-pasa:15rem;
  --promien-maly:var(--promien);
  --promien-duzy:var(--promien-2);
  --promien-pelny:999px;
  --minimalny-cel-dotykowy:2.75rem;
  --rozmiar-ikony:1.25rem;
  --grubosc-linii:1px;
  --grubosc-ikony:2;
  --grubosc-fokusu:.1875rem;
  --odsuniecie-obrysu:.125rem;
  --wymiar-tylko-dla-czytnika:1px;
  --warstwa-menu:60;
  --cien-karty:var(--cien-2);
  --czas-przejscia:.2s;
  --krzywa-przejscia:cubic-bezier(.2,.6,.25,1);
  --skala-hover-obrazu:1.03;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
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,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:700;line-height:1.22;text-wrap:balance}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3)}
p{text-wrap:pretty}
/* ⚠⚠ PUŁAPKA: globalne `strong` w kolorze atramentu WCHODZI NA CIEMNE POWIERZCHNIE
   i tekst znika. Numer telefonu w stopce dawał tam 1,09:1, czyli
   był NIEWIDOCZNY. Wykrył to pomiar kontrastu w bramce B6 (2026-08-24). */
strong,b{font-weight:700;color:var(--atrament)}
.stopka strong,.stopka b,.belka strong,.belka b,.wezwanie strong,.wezwanie b{color:inherit}
.lead{font-size:var(--t-lead);color:var(--atrament-2)}
.proza a:not(.przycisk),.panel a,.okruszki a,.stopka__kolumna a{
  color:var(--pomarancz-tekst);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:.18em;overflow-wrap:break-word;transition:color var(--ruch);
}
.proza a:not(.przycisk):hover,.panel a:hover,.okruszki a:hover{color:var(--pomarancz-ciemny)}
.stopka__kolumna a{color:var(--na-grafitcie)}
.stopka__kolumna a:hover{color:var(--pomarancz)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--pomarancz);outline-offset:2px;border-radius:2px;
  box-shadow:0 0 0 5px var(--grafit);
}
.stopka a:focus-visible,.pas-akcji a:focus-visible,.belka a:focus-visible{box-shadow:0 0 0 5px var(--biel)}
.pominienie{
  position:absolute;left:-9999px;top:0;z-index:100;background:var(--grafit);color:var(--na-grafitcie);
  padding:.85rem 1.25rem;border-radius:0 0 var(--promien) 0;font-weight:700;
}
.pominienie:focus{left:0}
.screen-reader-text{
  position:absolute;width:var(--wymiar-tylko-dla-czytnika);height:var(--wymiar-tylko-dla-czytnika);
  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)}
.sekcja--biel{background:var(--biel)}
.proza>*+*{margin-top:1.05em}
.proza{max-width:var(--lam)}
.proza blockquote{
  border-left:var(--pas) solid var(--pomarancz);background:var(--papier);
  border-radius:0 var(--promien) var(--promien) 0;padding:1rem 1.25rem;font-style:italic;
}
.uklad{display:grid;gap:clamp(1.75rem,3vw,2.5rem);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(--biel);border-bottom:1px solid var(--linia);box-shadow:var(--cien-1)}
.belka__rzad{display:flex;align-items:center;gap:.6rem 1.25rem;flex-wrap:wrap;min-height:var(--belka-h);padding-block:.7rem}
.marka{margin:0;line-height:1;flex:0 1 auto}
.marka a{display:block}
.marka img{width:auto;max-width:min(300px,60vw);height:auto}
.marka--tekst a{display:inline-flex;align-items:center;color:var(--atrament);font:var(--waga-naglowka) clamp(1.3rem,1.05rem + .9vw,1.7rem)/var(--interlinia-zwarta) var(--font-wyrozniajacy);letter-spacing:.005em;text-decoration:none}
.marka--tekst a:hover,.marka--tekst a:focus-visible{color:var(--pomarancz-glab)}
.belka__rzad>.menu-details{margin-left:auto}
.menu{display:none;margin-left:auto}
.menu ul{display:flex;flex-wrap:wrap;justify-content:flex-end;list-style:none;gap:.15rem;margin:0}
.menu a{
  display:inline-flex;align-items:center;min-height:44px;padding:.35rem .95rem;
  text-decoration:none;font-family:var(--naglowkowy);font-size:var(--t-maly);font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--atrament-2);
  border-radius:var(--promien);position:relative;transition:color var(--ruch);
}
.menu a::after{
  content:"";position:absolute;left:.95rem;right:.95rem;bottom:.3rem;height:3px;
  background:var(--pomarancz);transform:scaleX(0);transform-origin:left;transition:transform var(--ruch);
}
.menu a:hover{color:var(--atrament)}
.menu a:hover::after{transform:scaleX(1)}
.menu a[aria-current]{color:var(--atrament)}
.menu a[aria-current]::after{transform:scaleX(1)}
.menu-mobilne{position:relative;margin-left:auto}
.menu-mobilne>summary{
  display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .9rem;
  border:2px solid var(--grafit);border-radius:var(--promien);background:var(--grafit);color:var(--biel);
  font-family:var(--naglowkowy);font-size:var(--t-maly);font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;cursor:pointer;list-style:none;
}
.menu-mobilne>summary::-webkit-details-marker{display:none}
.menu-mobilne>summary svg{width:19px;height:14px}
.menu-mobilne[open]>summary{background:var(--pomarancz);border-color:var(--pomarancz);color:var(--atrament)}
.menu-mobilne__panel{
  position:absolute;right:0;top:calc(100% + .55rem);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);color:var(--pomarancz-tekst)}
.menu-mobilne__panel a[aria-current]{color:var(--pomarancz-tekst);background:var(--papier)}
.menu-mobilne__panel li+li{border-top:1px solid var(--linia)}
@media (min-width:768px){.menu{display:block}.menu-mobilne{display:none}}

/* ---- hero / slajdy ---- */
.slajd{position:relative;min-height:clamp(calc(13rem + var(--odstep-4)),30vw,22rem);background:var(--grafit);isolation:isolate}
/* drugi „slajd" ze źródła nie powtarza fotografii — jego treść staje się jasnym
   pasem wstępu pod hero. Zdjęcie jest w obu slajdach TO SAMO, więc pokazanie go
   dwa razy byłoby tylko powtórzeniem, a nie informacją. */
.wstep{background:var(--biel);border-bottom:1px solid var(--linia);text-align:center}
.wstep__rzad{padding-block:clamp(2rem,4vw,3.25rem);max-width:52rem;margin-inline:auto}
.wstep h2{color:var(--atrament);font-size:var(--t-h2);margin-bottom:.6rem}
.wstep p{color:var(--atrament-2);font-size:var(--t-lead)}
/* ⭐ ZASADA 7b(2) z 2026-08-24: stara kreacja hero (stockowy pan w garniturze na tle
   serwerowni) odpada. Zamiast niej PLANSZA zaprojektowana: grafit marki, delikatny skos
   i pomarańczowa poświata. Tekst slajdu leży na niej dokładnie jak wcześniej na zdjęciu. */
.slajd__plansza{
  width:100%;height:clamp(calc(13rem + var(--odstep-4)),30vw,22rem);
  background:var(--tlo-planszy-hero);object-fit:cover;
  object-position:var(--hero-karta-pozycja-obrazu,center center);
}
.slajd__tresc{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding-block:clamp(1.5rem,3.5vw,2.75rem);
  background:var(--tlo-tekstu-hero);
}
.slajd .hero-karta__wewnatrz{display:block;width:100%;max-width:none;margin:0;padding-inline:0}
.slajd .hero-karta__tekst{display:grid;justify-items:start;gap:.5rem}
.slajd__tytul{font-size:var(--t-hero);color:var(--biel);margin-bottom:.5rem}
.slajd__opis{color:var(--na-grafitcie-2);max-width:44rem}

.wstep .pas-tytulowy__wewnatrz{display:block;max-width:var(--kontener);padding-block:0;padding-inline:var(--brzeg)}
.wstep .pas-tytulowy__tekst{display:block;justify-items:normal;gap:0}

/* przyciski */
.przycisk{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:52px;padding:.75rem 1.9rem;border:2px solid transparent;border-radius:var(--promien);
  font-family:var(--naglowkowy);font-weight:700;font-size:var(--t-maly);
  letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  transition:background var(--ruch),color var(--ruch),border-color var(--ruch),transform var(--ruch);
}
.przycisk svg{width:18px;height:18px;flex:0 0 18px}
.przycisk--akcent{background:var(--kolor-akcentu);color:var(--kolor-tekstu);border-color:var(--kolor-akcentu)}
.przycisk--akcent:hover{background:var(--kolor-akcentu-hover);border-color:var(--kolor-akcentu-hover);color:var(--kolor-tekstu-na-kontrascie);transform:translateY(-1px)}
.przycisk--obrys{background:transparent;color:var(--atrament);border-color:var(--obwodka-pola)}
.przycisk--obrys:hover{border-color:var(--grafit);background:var(--biel)}

/* ---- usługi ---- */
.siatka-kart-ofert__wewnatrz.kontener{max-width:var(--kontener);padding-block:0;padding-inline:var(--brzeg)}
.uslugi{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--luka)}
@media (min-width:760px){.uslugi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.usluga{
  background:var(--biel);border-radius:var(--promien-2);box-shadow:var(--cien-1);
  padding:clamp(1.35rem,2.6vw,2rem);display:flex;flex-direction:column;gap:.85rem;
  aspect-ratio:auto;overflow:visible;color:var(--atrament-2);
  border-top:var(--pas) solid transparent;transition:border-color var(--ruch),box-shadow var(--ruch),transform var(--ruch);
}
.usluga:hover{border-top-color:var(--pomarancz);box-shadow:var(--cien-2);transform:translateY(-2px)}
.usluga__ikona{
  width:52px;height:52px;border-radius:50%;background:var(--pomarancz);color:var(--atrament);
  display:grid;place-items:center;flex:0 0 52px;
}
.usluga__ikona svg{width:26px;height:26px}
.usluga p{color:var(--atrament-2);font-size:var(--t-maly)}

/* okruszki */
.okruszki{font-size:var(--t-meta);color:var(--mgla);padding-block:.85rem}
.okruszki ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.1rem}
.okruszki li+li::before{content:"›";margin-inline:.45rem;color:var(--mgla)}
.okruszki a{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;text-decoration:none}
.okruszki a:hover{text-decoration:underline}
.okruszki [aria-current]{color:var(--atrament-2)}
.okruszki svg{width:14px;height:14px;color:var(--mgla-ui)}
.pasek-narzedzi__wewnatrz{max-width:var(--kontener);padding-inline:var(--brzeg)}

/* ---- karta treści ---- */
.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(--pas) solid var(--pomarancz);
}
.karta-tresci .proza{max-width:none}
.karta-tresci .proza>p,.karta-tresci .proza>blockquote,.karta-tresci .proza>ul,.karta-tresci .proza>ol{max-width:var(--lam)}
.proza ul,.proza ol{padding-left:1.4em}
.proza img{max-width:100%;height:auto}
.proza table{width:100%;border-collapse:collapse}
.proza th,.proza td{padding:.55rem .7rem;border:1px solid var(--linia);text-align:left;vertical-align:top}
.alignleft{float:left;margin:0 1.25rem 1rem 0}.alignright{float:right;margin:0 0 1rem 1.25rem}.aligncenter{margin-inline:auto}
.wp-caption{max-width:100%}.wp-caption-text{color:var(--mgla);font-size:var(--t-meta)}
.zalacznik-obraz{margin-bottom:var(--odstep-5)}
.zalacznik-obraz img{width:auto;max-width:100%;margin-inline:auto}
.zalacznik-obraz figcaption{margin-top:var(--odstep-2);color:var(--mgla);font-size:var(--t-meta);text-align:center}
.powrot{margin-top:var(--odstep-6)}
.lista-wpisow-bloga--w-ukladzie .lista-wpisow-bloga__wewnatrz{max-width:none;padding:0}
.lista-wpisow-bloga--w-ukladzie .lista-wpisow-bloga__naglowek{margin-bottom:var(--odstep-6)}
.lista-wpisow-bloga--w-ukladzie{background:var(--kolor-przezroczysty)}
.tytul-strony{margin-bottom:clamp(1.15rem,2.4vw,1.75rem)}
.tytul-strony h1{font-size:var(--t-tytul)}
.pusty-widok{
  background:var(--biel);border-radius:var(--promien-2);box-shadow:var(--cien-1);
  padding:clamp(1.5rem,3vw,2.5rem);text-align:center;color:var(--mgla);
  border:1px dashed var(--linia-mocna);
}

/* ---- panel boczny ---- */
.panel{display:grid;gap:clamp(1.25rem,2.4vw,1.75rem)}
.widget{background:var(--biel);border-radius:var(--promien-2);box-shadow:var(--cien-1);overflow:hidden}
.widget__wnetrze{padding:1.15rem}
.szukajka{display:flex;align-items:stretch}
.szukajka__pole{
  flex:1 1 auto;min-width:0;border:1px solid var(--obwodka-pola);border-right:0;
  border-radius:var(--promien) 0 0 var(--promien);padding:.6rem .85rem;
  font-size:var(--t-maly);background:var(--biel);min-height:48px;
}
.szukajka__pole::placeholder{color:var(--mgla)}
.szukajka__guzik{
  width:52px;min-height:48px;flex:0 0 52px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--grafit);background:var(--grafit);color:var(--biel);
  border-radius:0 var(--promien) var(--promien) 0;cursor:pointer;transition:background var(--ruch),color var(--ruch);
}
.szukajka__guzik:hover{background:var(--pomarancz);border-color:var(--pomarancz);color:var(--atrament)}
.szukajka__guzik svg{width:19px;height:19px}
/* ---- stopka ---- */
.stopka{background:var(--grafit);color:var(--na-grafitcie-2);border-top:var(--pas) solid var(--pomarancz)}
.stopka__kolumny{
  display:grid;gap:clamp(1.5rem,3vw,2.5rem);
  padding-block:clamp(2rem,4vw,3rem);
}
@media (min-width:760px){.stopka__kolumny{grid-template-columns:repeat(3,minmax(0,1fr))}}
.stopka__kolumna h2{
  font-size:var(--t-h3);color:var(--biel);margin-bottom:.75rem;
  padding-bottom:.5rem;border-bottom:1px solid var(--linia-jasna);
}
.stopka__kolumna p{font-size:var(--t-maly)}
.stopka__pozycja{display:flex;gap:.6rem;align-items:flex-start;margin-top:.5rem;font-size:var(--t-maly)}
.stopka__pozycja svg{width:17px;height:17px;flex:0 0 17px;margin-top:.28em;color:var(--pomarancz)}
.stopka__dol{
  display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;
  padding-block:1.25rem;border-top:1px solid var(--linia-jasna);font-size:var(--t-meta);
}
.stopka__dol img{max-width:187px;height:auto}
.stopka__menu{display:flex;flex-wrap:wrap;gap:.15rem;list-style:none;margin:0}
.stopka__menu a{
  display:inline-flex;align-items:center;min-height:44px;padding:.35rem .75rem;
  color:var(--na-grafitcie);text-decoration:none;font-size:var(--t-meta);border-radius:var(--promien);
}
.stopka__menu a:hover{background:var(--kolor-linii-na-kontrascie);color:var(--biel)}
.do-gory{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;
  border:1px solid var(--kolor-linii-interaktywnej-na-kontrascie);border-radius:var(--promien);color:var(--na-grafitcie);
  transition:background var(--ruch),color var(--ruch);
}
.do-gory svg{width:20px;height:20px}
.do-gory:hover{background:var(--pomarancz);color:var(--atrament);border-color:var(--pomarancz)}

/* ---- 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}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
}
@media print{
  .belka,.stopka,.menu-mobilne,.szukajka,.do-gory{display:none !important}
  body{background:var(--kolor-bieli-technicznej);color:var(--kolor-czerni-technicznej);font-size:11pt}
  .slajd__foto{max-height:8cm}
  .usluga,.karta-tresci,.widget{box-shadow:none;border:1px solid var(--kolor-ui-nietekstowego);break-inside:avoid}
  a{text-decoration:underline}
}

@media (max-width:479px){
  .alignleft,.alignright{float:none;margin:0 auto 1rem}
  .stopka__dol{align-items:flex-start}
}