/* ======================================================================
   W KIERUNKU KALKULATORA (10.09.2026, zlecenie Szefa)
   Paleta wprost z konfiguratora: granat #070d16, stal #142132,
   błękit #17a9f0, miedź #c08a4a. Klientowi podobał się kalkulator,
   więc serwis idzie w jego stronę.

   Osobny arkusz ładowany PO style.css — cofnięcie to zdjęcie jednego
   wp_enqueue_style, bez ruszania 432 kolorów wpisanych w motywie na sztywno.
   Odwraca warstwę z `jasny_motyw.py` (5.08).

   Dlaczego `!important` przy kolorach: motyw trzyma je w regule
   `.section :where(h1,h2,...):not(.serviceCard):not(.serviceCard *)...` —
   osiem `:not()` liczy się do specyficzności i daje jej 0-9-0.
   Zwykły `.w3cTresc h2` (0-1-1) przegrywa mimo późniejszej kolejności arkusza.
   ====================================================================== */
:root{
  --k-tlo:#070d16;
  --k-tlo-2:#0b1420;
  --k-karta:#142132;
  --k-karta-2:#1d3145;
  --k-tekst:#f2f8fc;
  --k-tekst-2:#a8c0d8;
  --k-tekst-3:rgb(168 192 216/.62);
  --k-linia:rgb(168 192 216/.14);
  --k-linia-2:rgb(168 192 216/.22);
  --k-blue:#17a9f0;
  --k-blue-2:#0b5fd0;
  --k-copper:#c08a4a;
  --k-glass:rgb(20 33 50/.55);
}

/* ---------- baza ---------- */
body{ background:var(--k-tlo); color:var(--k-tekst) }

.section,
.w3cTresc,
.w3cCeny,
.serviceSection,
.contactPage,
.galleryPage{ background:transparent; color:var(--k-tekst) }

/* sekcje, które w jasnym motywie dostały kremowe tło */
.darkFeature,
.finalCta,
.priceDisclaimer,
.serviceMethod,
.rentalDetails,
.equipmentBand,
.socialBand,
.innerCta,
.homePriceCta{
  background:
    radial-gradient(72% 120% at 84% 8%, rgb(23 169 240/.10) 0%, rgb(7 13 22/0) 62%),
    linear-gradient(180deg, var(--k-tlo-2) 0%, var(--k-tlo) 100%);
  color:var(--k-tekst);
  border-top:1px solid var(--k-linia);
  border-bottom:1px solid var(--k-linia);
}

/* ---------- typografia ---------- */
h1, h2, h3, h4,
.sectionHeading h2,
.w3cTresc h2, .w3cTresc h3,
.darkFeature h2, .darkFeature h3,
.finalCta h2, .innerCta h2{ color:var(--k-tekst) !important }

p, li, dd,
.w3cAkapit,
.pageHeroLead,
.sectionHeading p,
.darkFeature p,
.finalCta p, .innerCta p{ color:var(--k-tekst-2) !important }

strong, b{ color:var(--k-tekst) !important }
em{ color:var(--k-blue) !important }
a{ color:var(--k-blue) }

.sectionKicker,
.sectionKicker.light,
.eyebrow{ color:var(--k-blue) }
.sectionKicker span,
.eyebrow span{
  background:rgb(23 169 240/.12);
  border-color:rgb(23 169 240/.28);
  color:var(--k-blue);
}

/* ---------- karty i listy ---------- */
.w3cCennikLista,
.w3cOfertaLista,
.fullPriceTable > div,
.faqList details,
.relatedRail a,
.miniSteps article,
.contactPageGrid > a{
  background:var(--k-glass);
  border-color:var(--k-linia);
  color:var(--k-tekst);
}
.w3cCennikLista li + li,
.fullPriceTable > div + div{ border-top-color:var(--k-linia) }

.w3cCennikLista b,
.fullPriceTable strong{ color:var(--k-tekst) !important }
.w3cOfertaLista .w3cStawka > b,
.w3cOfertaLista .w3cMin{ color:var(--k-blue) !important }
.w3cOfertaLista small,
.w3cCennikLista small{ color:var(--k-tekst-3) !important }

/* wyróżniona pozycja cennika była granatowa na kremowym — teraz odwrotnie:
   jaśniejsza stal na ciemnym, żeby dalej się wybijała */
.fullPriceTable .highlight{
  background:linear-gradient(135deg, var(--k-karta-2) 0%, var(--k-karta) 100%);
  border-color:var(--k-linia-2);
  color:var(--k-tekst);
}
.fullPriceTable .highlight strong{ color:var(--k-blue) }

/* ---------- pasek zaufania ---------- */
.trustStrip{
  background:
    linear-gradient(105deg, rgb(255 255 255/0) 38%, rgb(23 169 240/.07) 48%, rgb(255 255 255/0) 60%),
    linear-gradient(var(--k-glass), var(--k-glass));
  border-top:1px solid var(--k-linia);
  border-bottom:1px solid var(--k-linia);
  color:var(--k-tekst);
  box-shadow:0 14px 34px rgb(0 0 0/.35);
}
.trustStrip strong{ color:var(--k-tekst) }
.trustStrip small, .trustStrip span{ color:var(--k-tekst-2) !important }
.trustStrip svg{ color:var(--k-blue) }
.trustStrip > i{ background:var(--k-linia-2) }

/* ---------- przyciski ---------- */
.primaryButton{
  background:linear-gradient(135deg,#17a9f0 0%,#0b5fd0 58%,#0748a8 100%);
  color:#fff; border:0;
}
.primaryButton.lightButton{
  background:var(--k-glass);
  color:var(--k-tekst);
  border:1px solid var(--k-linia-2);
}

/* ---------- stopka ---------- */
.siteFooter{ background:var(--k-tlo-2); color:var(--k-tekst) }
.siteFooter h3, .siteFooter strong{ color:var(--k-tekst) }
.siteFooter a, .siteFooter p, .siteFooter small{ color:var(--k-tekst-2) }
.siteFooter a:hover{ color:var(--k-tekst) }
.footerColumn{ background:var(--k-glass); border-color:var(--k-linia) }

/* ---------- nagłówek ---------- */
.siteHeader{
  background:rgb(11 20 32/.72);
  border-bottom:1px solid var(--k-linia);
}
.mainNav a{ color:var(--k-tekst-2) }
.mainNav a:hover, .mainNav a.active{ color:var(--k-tekst) }

/* ---------- drobiazgi, które w jasnym motywie dostały ciemny tekst ---------- */
.w3cWrap .note,
.counter,
.priceDisclaimer p{ color:var(--k-tekst-2) }

/* ---------- wiersze list: motyw dawał im białe tło ---------- */
.w3cCennikLista li,
.w3cOfertaLista li,
.fullPriceTable > div{ background:transparent !important }
.w3cOfertaLista li:nth-child(2n){ background:rgb(255 255 255/.02) !important }

/* ---------- biała fala pod hero rozcinała ciemną stronę ---------- */
.pageHeroCut{ background:var(--k-tlo) !important; color:var(--k-tlo) !important }
.pageHeroCut svg, .pageHeroCut path{ fill:var(--k-tlo) !important }

/* ---------- sekcje, które trzymały kremowe tło na sztywno ---------- */
.section, .w3cTresc, .w3cCeny,
.serviceIntro, .serviceScope, .faqSection,
.galleryGrid, .contactPageGrid{ background-color:transparent !important }

/* ---------- domknięcie po audycie kontrastu ---------- */
/* Ciemny niebieski #0a56c8 na granacie dawał kontrast poniżej progu —
   na ciemnym tle wchodzi jaśniejszy błękit kalkulatora. */
.textLink,
.textLink:visited{ color:var(--k-blue) !important }

/* Jasne pasy, które zostały po kremowym motywie */
.footerBar,
.footerAuthor{ background:transparent !important; color:var(--k-tekst-2) !important }
.footerAuthor a{ color:var(--k-blue) !important }

/* ======================================================================
   GLASS + RYTM (10.09.2026, uwagi Szefa)
   1. karty na całej stronie: szkło kalkulatora zamiast białych płacht
   2. mniejsze przerwy między sekcjami
   3. stopka przebudowana
   Selektory motywu są dwuczłonowe (.siteFooter .footerColumn = 0-2-0),
   stąd !important — patrz nota o specyficzności na górze pliku.
   ====================================================================== */

/* ---------- 1. szkło zamiast białych kart ---------- */
.footerColumn,
.w3cCennikLista,
.w3cOfertaLista,
.faqList details,
.miniSteps article,
.contactPageGrid > a,
.relatedRail a,
.servicePriceCard,
.statCard,
.reviewCard,
.galleryGrid figure,
.fullPriceTable{
  background:rgb(20 33 50/.55) !important;
  backdrop-filter:blur(18px) saturate(165%);
  -webkit-backdrop-filter:blur(18px) saturate(165%);
  border:1px solid rgb(168 192 216/.14) !important;
  box-shadow:0 18px 50px rgb(0 0 0/.45), inset 0 1px 0 rgb(255 255 255/.09) !important;
  border-radius:18px;
}
/* wnętrze kart bez własnego tła — inaczej szkło się dubluje */
.w3cCennikLista li,
.w3cOfertaLista li,
.fullPriceTable > div{
  background:transparent !important;
  backdrop-filter:none;
  box-shadow:none !important;
  border-left:0 !important; border-right:0 !important;
  border-radius:0 !important;
}
.w3cOfertaLista li:nth-child(2n){ background:rgb(255 255 255/.02) !important }
.fullPriceTable .highlight{
  background:linear-gradient(135deg,#1d3145 0%,#142132 100%) !important;
  border-color:rgb(168 192 216/.22) !important;
}

/* ---------- 2. rytm: przerwy były na kremowy motyw, na ciemnym rozjeżdżają stronę ---------- */
.section{
  padding-top:clamp(34px, 4.4vw, 62px) !important;
  padding-bottom:clamp(34px, 4.4vw, 62px) !important;
}
.section.compact,
.section.pricePageIntro{ padding-top:clamp(26px, 3.4vw, 46px) !important }
.fullPriceTable{ padding-bottom:clamp(30px, 4vw, 56px) !important }
.sectionHeading{ margin-bottom:clamp(16px, 2vw, 26px) !important }
.w3cCennikLista,
.w3cOfertaLista{ margin:clamp(14px, 1.8vw, 22px) 0 clamp(12px, 1.6vw, 18px) !important }
.w3cAkapit{ margin-top:clamp(10px, 1.4vw, 16px) !important }

/* ---------- 3. stopka ---------- */
.siteFooter{
  background:linear-gradient(180deg, #0b1420 0%, #070d16 100%) !important;
  border-top:1px solid rgb(168 192 216/.14);
  padding-top:clamp(34px, 4vw, 54px) !important;
  padding-bottom:clamp(20px, 2.4vw, 30px) !important;
}
.siteFooter .footerColumn{
  background:rgb(20 33 50/.55) !important;
  border:1px solid rgb(168 192 216/.14) !important;
  padding:20px 22px !important;
}
.siteFooter .footerColumn h3{
  color:#f2f8fc !important;
  font-size:12px !important; letter-spacing:.14em !important;
}
.siteFooter a{ color:#a8c0d8 !important }
.siteFooter a:hover{ color:#f2f8fc !important }
.siteFooter p, .siteFooter small{ color:rgb(168 192 216/.72) !important }
/* linki w kolumnach stały zbyt luźno — cztery pozycje rozciągały kartę na pół ekranu */
.siteFooter .footerColumn a{
  padding:6px 0 !important; line-height:1.3 !important;
}
.siteFooter .footerColumn{ align-self:start }

/* ---------- stopka: układ i resztki jasnego motywu ---------- */
/* Pięć bloków (logo + trzy kolumny + kontakt) wchodziło w grid o czterech
   kolumnach, więc KONTAKT spadał do drugiego rzędu i zostawiał pół stopki puste. */
.siteFooter .footerTop{
  grid-template-columns:1.6fr repeat(4, 1fr) !important;
  gap:18px !important;
  align-items:start !important;
}
@media (max-width:1100px){
  .siteFooter .footerTop{ grid-template-columns:1fr 1fr !important }
}
@media (max-width:620px){
  .siteFooter .footerTop{ grid-template-columns:1fr !important }
}

/* ikony social miały białe koła */
.siteFooter .footerTop a[aria-label],
.siteFooter .socialIcon,
.siteFooter .footerSocial a{
  background:rgb(20 33 50/.65) !important;
  border:1px solid rgb(168 192 216/.18) !important;
  color:#a8c0d8 !important;
  box-shadow:none !important;
}
.siteFooter .footerTop a[aria-label]:hover{
  background:rgb(23 169 240/.18) !important;
  color:#f2f8fc !important;
}

/* pigułki telefonu i maila */
.siteFooter .footerColumn a[href^="tel"],
.siteFooter .footerColumn a[href^="mailto"]{
  background:rgb(23 169 240/.12) !important;
  border:1px solid rgb(23 169 240/.26) !important;
  color:#f2f8fc !important;
  border-radius:999px !important;
  padding:7px 14px !important;
  display:inline-block !important;
}

/* dolna belka: tekst był ciemny na ciemnym */
.siteFooter .footerBottom,
.siteFooter .footerBottom *{
  color:rgb(168 192 216/.72) !important;
  background:transparent !important;
  border-color:rgb(168 192 216/.12) !important;
}
.siteFooter .footerBottom a,
.siteFooter .footerBottom strong{ color:#a8c0d8 !important }
.siteFooter .footerBottom a:hover{ color:#f2f8fc !important }

/* .fullPriceTable to SEKCJA, nie karta — szkło na niej dawało pusty pas nad tabelą.
   Szkło należy do wiersza z ceną, sekcja zostaje przezroczysta. */
.fullPriceTable{
  background:transparent !important;
  backdrop-filter:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.fullPriceTable > div{
  background:rgb(20 33 50/.55) !important;
  border:1px solid rgb(168 192 216/.12) !important;
  border-radius:14px !important;
  margin-bottom:8px;
}

/* karty, które zostały jasne po kremowym motywie */
article,
.faqList li, .reviewsList li, .stepsList li{
  background:rgb(20 33 50/.55) !important;
  border-color:rgb(168 192 216/.14) !important;
  color:#f2f8fc !important;
}

/* ======================================================================
   GLASS NA SERIO + WĘŻSZE KONTENERY (10.09.2026)

   Dlaczego poprzednie szkło wyglądało jak płaska ciemna karta:
   `backdrop-filter: blur()` nie ma czego rozmywać, gdy pod spodem leży
   jednolity granat. Szkło potrzebuje TŁA — stąd poświaty pod sekcjami
   i stopką oraz gradient w samej karcie zamiast jednego koloru.
   ====================================================================== */

/* ---------- tło, które szkło ma co rozmywać ---------- */
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(46% 38% at 14% 12%, rgb(23 169 240/.13) 0%, rgb(7 13 22/0) 68%),
    radial-gradient(40% 34% at 88% 26%, rgb(11 95 208/.11) 0%, rgb(7 13 22/0) 66%),
    radial-gradient(52% 40% at 62% 88%, rgb(192 138 74/.07) 0%, rgb(7 13 22/0) 70%);
}
.siteFooter{ position:relative; overflow:hidden }
.siteFooter::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(38% 60% at 18% 0%, rgb(23 169 240/.14) 0%, rgb(7 13 22/0) 70%),
    radial-gradient(34% 56% at 82% 10%, rgb(11 95 208/.10) 0%, rgb(7 13 22/0) 68%);
}
.siteFooter > *{ position:relative; z-index:1 }

/* ---------- karty: gradient + wyraźna krawędź światła ---------- */
.footerColumn,
.w3cOfertaLista,
.w3cCennikLista,
.faqList details,
.miniSteps article,
.contactPageGrid > a,
.relatedRail a,
.servicePriceCard,
.fullPriceTable > div,
article{
  background:linear-gradient(158deg, rgb(31 52 74/.58) 0%, rgb(18 30 46/.42) 62%, rgb(14 24 38/.38) 100%) !important;
  backdrop-filter:blur(20px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(170%) !important;
  border:1px solid rgb(168 192 216/.16) !important;
  border-top-color:rgb(210 232 248/.26) !important;
  box-shadow:0 18px 50px rgb(0 0 0/.45), inset 0 1px 0 rgb(255 255 255/.10) !important;
}

/* ---------- węższe kontenery: treść była rozciągnięta na 1280 px ---------- */
.w3cWrap,
.siteFooter .footerTop,
.siteFooter .footerBottom,
.fullPriceTable > div,
.section > .container,
.pageHeroInner{
  width:min(1040px, 100% - 48px) !important;
  max-width:none !important;
  margin-inline:auto !important;
}
.fullPriceTable > div{ width:min(1040px, 100% - 48px) !important }
@media (max-width:760px){
  .w3cWrap,
  .siteFooter .footerTop,
  .siteFooter .footerBottom,
  .fullPriceTable > div{ width:min(100%, 100% - 32px) !important }
}

/* ===== KOMPLET: kazde jasne tlo w motywie -> szklo (10.09.2026) =====
   Poprzednia warstwa lapala tylko czesc. Ten blok powstal ze SKANU obu arkuszy:
   44 karty (alfa >= .4) dostaja szklo, 23 drobiazgi (subtelne podswietlenia)
   ida na delikatny jasny welon zamiast bieli. */
/* --- wygenerowane ze skanu motywu: 44 kart + 23 drobiazgow --- */
.contactMail,.contactLocation,
.contactPageGrid>a,.contactPageGrid>div,
.extractionTimeline article,
 .priceDisclaimer .secondaryButton,
.finalCta .secondaryButton:hover,
.footerAuthor,
.reasonTiles article,
.relatedRail a,
.rentalPriceCards article,
.reviewCards article,
.scopeList,
.scopeList span,
.siteFooter .footerColumn,
.siteFooter .footerColumn a::before,
.siteFooter .socials a,
.w3cBubbles i,
.w3cCennikLista li,
.w3cDodatki label,
.w3cDzielnice li,
.w3cFaq details,
.w3cKroki article,
.w3cPPUchwyt,
.w3cPola input, .w3cPola select, .w3cUwagi textarea,
.w3cPreBar i,
.w3cRezDzien, .w3cRezOkno,
.w3cTyp,
.w3cUpload,
.w3cUwagiLista li,
.whyGrid article,
.whyGrid article:hover,
/* --- "Jak pracujemy": jasne tlo, ciemna zostaje tylko ilustracja --- */ .darkFeature,
/* --- CTA koncowe i disclaimer cennika: jasne karty z niebieskim akcentem --- */ .finalCta, .priceDisclaimer,
/* --- hero zostaje ciemne, ale lagodniej wchodzi w jasna strone --- */ .pageHeroCut,
/* --- pasek zaufania: bylo ciemne szklo, jest jasne --- */ .trustStrip,
/* --- stopka: jasna, granat tylko w typografii --- */ .siteFooter,
/* pozostale ciemne pasy na podstronach - rozjasnione (hero i CTA zostaja granatowe) */ .serviceMethod, .rentalDetails, .equipmentBand,
/* swietlisty akcent na gornej krawedzi */ .siteFooter::before{
  background:linear-gradient(158deg, rgb(31 52 74/.58) 0%, rgb(18 30 46/.42) 62%, rgb(14 24 38/.38) 100%) !important;
  backdrop-filter:blur(20px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(170%) !important;
  border-color:rgb(168 192 216/.16) !important;
  box-shadow:0 18px 50px rgb(0 0 0/.45), inset 0 1px 0 rgb(255 255 255/.10) !important;
  color:#f2f8fc !important;
}
.buttonIcon,
.footerAuthor:hover,
.megaLinks a,
.menuButton,
.methodCards article,
.rentalDetailGrid article,
.secondaryButton,
.secondaryButton:hover,
.serviceGrid .serviceCard .serviceCardIcon,
.siteFooter .socials a,
.socialBand a,
.socialBand a:hover,
.socials a,
.trustStrip>i,
.w3cMobileClose,
.w3cPreBar,
/* --- ceny w kafelkach: bylo 9px w ciemnym pomaranczu, teraz wyrozniona pigulka --- */ .serviceGrid .serviceCard strong,
/* --- kolumny jako szklane karty --- */ .siteFooter .footerColumn,
/* --- naglowek: mocniejszy glass + przechodzacy polysk --- */ /* polysk animowany przez background-position (transform pseudo-elementu rozpycha layout na mobile) */ .siteHeader,
/* ====================================================================== STOPKA - szklo, porzadek, interakcje (2026-08-04) ====================================================================== */ .siteFooter,
/* pierscien "dyszy" - podkresla miejsce czyszczenia */ .darkFeatureArtwork .dfNozzle,
/* podpis wykonawcy */ .footerAuthor,
/* poswiata ramki */ .darkFeatureArtwork::before{ background:rgb(168 192 216/.10) !important }

/* ===== KOMPLET TEKSTU: ciemne kolory z jasnego motywu (10.09.2026) =====
   Ten sam skan co przy tlach, tylko po wlasciwosci color. Pytania FAQ mialy
   granatowy tekst na granatowym szkle — nieczytelne. Niebieskie akcenty
   (#0a56c8 i pochodne) ida na jasniejszy blekit kalkulatora, reszta na jasny tekst. */
/* --- ciemny tekst ze skanu: 41 zwyklych + 36 akcentow --- */
#w3cPodglad span,
.certificateBand :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.darkFeature :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.equipmentBand :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.finalCta :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.footerAuthor,
.priceDisclaimer :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.rentalDetails :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.rentalIntro li,
.scopeList span,
.section :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.serviceMethod :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.siteFooter .contactColumn a[href^="tel:"], .siteFooter .contactColumn a[href^="mailto:"],
.siteFooter .footerBottom,
.siteFooter .footerBottom a,
.siteFooter .socials a,
.trustStrip :where(p, li, small, figcaption, dd):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.w3cAkapit,
.w3cCennikLista li,
.w3cDodatki label,
.w3cDodatki label b,
.w3cDzielnice li,
.w3cFaq p,
.w3cInfo,
.w3cInfo.blad,
.w3cInfo.sukces,
.w3cKroki p,
.w3cOfertaLista small,
.w3cPPPodpis,
.w3cPola span, .w3cUwagi span,
.w3cRezDzien span, .w3cRezOkno span,
.w3cRezLaduje, .w3cRezBlad,
.w3cRezWybrany,
.w3cTyp span,
.w3cUploadTekst small,
.w3cUwagiLista li,
.whyGrid p,
/* ceny w rozwijanym menu byly brazowe - na jasnym za slabe */ .megaLinks small,
/* okruszki i drobne linki */ .breadcrumb a,
/* opisy sekcji - podnieslismy z 4.04 do progu */ .sectionHeading p, .section p.sectionLead,
/* podpis wykonawcy - ciemniejszy pomaranczowy dla kontrastu */ .footerAuthor b{ color:#e6f0f8 !important }
.breadcrumb a:hover,
.certificateBand :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.certificateBand a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.darkFeature .miniSteps span,
.darkFeature .sectionKicker.light,
.darkFeature .sectionKicker.light span,
.darkFeature :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.darkFeature a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.equipmentBand :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.equipmentBand a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.finalCta :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.finalCta a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.priceDisclaimer :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.priceDisclaimer a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.rentalDetails :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.rentalDetails a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.section :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.section a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.serviceMethod :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.serviceMethod a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.siteFooter .brandType strong,
.siteFooter .footerBottom a:hover,
.siteFooter .footerColumn a:hover,
.trustStrip :where(h1, h2, h3) em:not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.trustStrip a:not(.primaryButton):not(.secondaryButton):not(.serviceCard):not(.serviceCard):not(.serviceCard *):not(.artGlass):not(.artGlass *):not(.heroGlassTag):not(.heroGlassTag *):not(.marquee *):not(.primaryButton):not(.primaryButton *):not(.headerCta):not(.headerCta *),
.trustStrip svg,
.w3cAkapit a,
.w3cFaq summary::after,
.w3cKroki span,
.w3cOfertaLista .w3cMin,
.w3cOfertaLista .w3cStawka > b,
.w3cRezBlad a,
.w3cRezPonow,
.w3cRezWybrany b,
/* akcent naglowka byl cyanem - na kremowym tle nieczytelny */ .darkFeature h2 em, .finalCta h2 em, .priceDisclaimer h2 em,
/* logo w stopce na jasnym tle */ .siteFooter .brandType strong i{ color:#17a9f0 !important }

/* rozwiniete FAQ i tresci w srodku kart */
details[open] > *, details p, details li, summary, summary *{ color:#e6f0f8 !important }
summary::marker, summary::-webkit-details-marker{ color:#17a9f0 }

/* ---------- suwak przed/po: kadr kwadratowy (11.09.2026) ----------
   Zdjęcia od klienta są z telefonu i po obrocie EXIF są PIONOWE
   (fotel 0,75:1, krzesło 0,45:1). Kadr 3/2 wycinał z nich wąski pas,
   przez co mebel „przeskakiwał" przy przeciąganiu suwaka.
   Kwadrat mieści i pionowy fotel, i poziomy materac. */
.w3cPrzedPo{ aspect-ratio:1 / 1 !important }
.w3cPPSiatka{ grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important }