/* ===========================================================================
   CZYTELNOŚĆ NAPISÓW — 3d-archi.de, 16.09.2026
   ---------------------------------------------------------------------------
   Pomiar w przeglądarce na 9 podstronach wykazał 451 napisów poniżej progu
   czytelności (WCAG AA: 4,5:1 dla zwykłego tekstu, 3:1 dla dużego).

   ZASADA: zieleń marki #1C8F5C zostaje. Zmienia się wyłącznie jej ODCIEŃ
   ROBOCZY zależnie od tła, na którym leży — bo ta sama barwa nie może
   spełnić progu jednocześnie na białym i na ciemnym.
     · na jasnym tle (biel, #EAF7F0)  -> #197F52 (ciemniejszy)
     · na ciemnym tle (#282727)       -> #20A168 (jaśniejszy)
     · na szarym #CECECE              -> #146441
     · jako TŁO pod białym napisem    -> #188052 (najmniejsza zmiana dająca próg)

   Plik ładowany jako ostatni. Reguły mają !important, bo motyw (main.css)
   deklaruje te same kolory z !important, a separatory w stopce mają kolor
   wpisany wprost w znacznik — bez tego reguły nie mają żadnego skutku.
   Cofnięcie zmiany = usunięcie tego pliku i odnośnika do niego.
   =========================================================================== */

/* --- STOPKA (tło #282727 i #111111) ------------------------------------- */

/* adresy i notka prawna na dole — było 2,75:1 */
.footer .footer__bottom-links a,
.footer .footer__bottom-bar p,
.footer .footer__bottom-bar p strong a { color: #8D8E90 !important; }

/* etykiety pól formularza — było 3,31:1 */
.footer .footer-form .form-group label,
.footer .footer-form .form-checkbox label { color: #8E8E88 !important; }

/* gwiazdka pola wymaganego — było 3,73:1 */
.forminator-required { color: #FF4B4B !important; }

/* separatory i etykiety spisu w stopce — było 1,84:1 i 2,22:1 */
.site > .footer > div > span,
.footer > div > span { color: rgba(255,255,255,0.55) !important; }

/* --- BLOG ---------------------------------------------------------------- */

/* czas czytania i data przy kafelku wpisu — było 3,13:1 */
.blog-card .blog-card__meta span { color: rgba(255,255,255,0.58) !important; }

/* nazwa kategorii nad tytułem wpisu — było 3,64:1 */
.blog-card .blog-card__cat { color: #20A168 !important; }

/* spis treści w artykule — było 4,05:1 */
.article-toc ul li a { color: rgba(255,255,255,0.6) !important; }

/* --- CENNIK -------------------------------------------------------------- */

/* podpis pod ikoną typu budynku — było 2,68:1 */
.pricing-card .building-toggle-btn small { color: #727272 !important; }

/* wybrany typ budynku (zieleń na jasnozielonym) — było 3,71:1 */
.pricing-card .building-toggle-btn.is-active span,
.pricing-card .building-toggle-btn.is-active small,
.pricing-card .building-toggle-btn.is-active i { color: #197F52 !important; }

/* dopisek przy cenie — było 3,54:1 */
.pricing-card .pricing-card__price span { color: #767676 !important; }

/* --- ZIELEŃ JAKO TEKST --------------------------------------------------- */

/* odnośniki w treści na jasnym tle — było 4,09:1 */
.pricing-guide .guide-item h3,
details p a { color: #197F52 !important; }

/* odnośniki usług na ciemnym tle — było 3,64:1 */
.whatDoWeCreateThirdSection .service-cta,
.text-padding p a { color: #20A168 !important; }

/* odnośnik usługi na szarym pasie — było 2,60:1 */
.whatDoWeCreateSecondSection-bg .service-cta { color: #146441 !important; }

/* --- ZIELEŃ JAKO TŁO POD BIAŁYM NAPISEM ---------------------------------- */
/* biały napis na #1C8F5C daje 4,09:1 — poniżej progu przy każdym rozmiarze
   występującym na stronie, więc tło idzie o stopień w dół do #188052 (4,94:1) */
.cb__btn.cb__btn--accept { background: #188052 !important; border-color: #188052 !important; }
.btn-sticky.btn-call { background: #188052 !important; }
.evidence-card-legal .legal-tag { background: #188052 !important; }

/* --- DOMKNIĘCIE: style wpisane wprost w znaczniki --------------------------
   Na tych stronach 374 napisów ma zieleń i 152 mają #888 wpisane w atrybut
   style. Reguła atrybutowa jest jedynym sposobem, żeby je objąć bez ślepej
   podmiany w 119 plikach — dopasowanie jest po ROLI (color vs background),
   więc nie rusza tła tam, gdzie zieleń jest plamą. */

/* biały napis na zielonym tle (przyciski akcji, plakietki) — było 4,09:1 */
[style*="background:#1C8F5C"], [style*="background: #1C8F5C"],
[style*="background:#1c8f5c"], [style*="background: #1c8f5c"],
[style*="background-color:#1C8F5C"], [style*="background-color: #1C8F5C"],
[style*="background-color:#1c8f5c"], [style*="background-color: #1c8f5c"] {
    background-color: #188052 !important;
}

/* szary napis na jasnym tle — było 3,54:1 */
[style*="color:#888"], [style*="color: #888"] { color: #767676 !important; }


/* --- UKLAD: tresc chowala sie pod naglowkiem -------------------------------
   Zmierzone na zywej stronie przy 360-768 px: naglowek ma 156 px wysokosci
   (124 px na blogu), a sekcje powitalne padding-top: 40 px. Etykieta nad
   tytulem znikala calkowicie (zachodzenie do 116 px), tytul czesciowo.
   Na >=1024 px jest juz poprawnie (140 px / 120 px) - stad zakres media.
   Dotyczy 28 stron: .grundrisseHero (11) i .blog-hero (17).                */

@media (max-width: 1023px) {
    .grundrisseHero { padding-top: 180px !important; }
    .blog-hero      { padding-top: 150px !important; }
}

/* blog na komputerze: naglowek 145 px, a .blog-hero mial 120 px - tytul sekcji
   chowal sie o 25 px (zmierzone na zywej stronie przy 1440 px) */
@media (min-width: 1024px) {
    .blog-hero      { padding-top: 172px !important; }
    .grundrisseHero { padding-top: 172px !important; }
}