/* ==========================================================================
   CTA koncowe /oferta. Nowy komponent, na home nie ma odpowiednika (to jest
   trzeci ciemny pas obok konsultacji i FAQ). Copy: copy/oferta.md sekcja 6.
   Copy zabrania scalania z blokiem konsultacji (sekcja 5): to sa dwie
   rozne rzeczy, przycisk jest CTA, numer telefonu nie.
   ========================================================================== */

.cta-koncowe {
  position: relative;
  overflow: hidden;
/* D168, 03.09.2026: wartosc ustawiona przez Jakuba w konfiguratorze i
   przeniesiona TUTAJ, do pliku wlasciciela, na jego polecenie ("idzie do
   plikow sekcji bo to sa poprawki sekcji"). Konfigurator.css skasowany,
   zeby ten sam odstep nie zyl w dwoch miejscach naraz. */
  padding-block: var(--space-6) 0;
  text-align: center;
}

/* 14.09.2026: klasa w markupie display-3 (67px) -> display-4 (49px). H1
   hero tej samej podstrony jest tez na display-3 od dzisiejszej korekty,
   wiec bez tej zmiany naglowek bloku CTA na koncu strony bylby rowny H1,
   ten sam wzorzec bledu co .cennik__tytul i .kroki__tytul/.oferta__tytul
   wczesniej tego dnia. Zgloszenie Jakuba: "tekst w CTA dalej jest wielki
   w ofercie". */
.cta-koncowe__tytul { margin: 0 0 var(--space-6); }

/* 08.10.2026: zdanie pod H2 (pole oferta_cta_lead). Gdy go nie ma, naglowek
   zostaje z dotychczasowym odstepem, strona wyglada jak przed zmiana. */
.cta-koncowe__tytul:has(+ .cta-koncowe__lead) { margin-block-end: var(--space-3); }
.cta-koncowe__lead { margin: 0 0 var(--space-6); font-size: var(--fs-lead); line-height: var(--lh-lead); color: var(--fg); }

.cta-koncowe__telefon {
  display: block;
  margin-block-start: var(--space-5);
  font-size: var(--fs-lead);
  color: var(--accent-ctx);
  transition: color var(--dur) var(--ease);
}
.cta-koncowe__telefon:hover { color: var(--accent-ctx-hover); }

/* D162, 03.09.2026: kreska stala tuz nad godzinami (24px nad soba, zero pod),
   wiec czytala sie jako czesc wiersza godzin, nie jako podzial miedzy numerem
   a godzinami. Zgloszenie Jakuba: "daj w polowie odstepu". Ten sam token po
   obu stronach. */
.cta-koncowe__linia {
  inline-size: 96px;
  block-size: var(--border-width);
  margin: var(--space-4) auto;
  background: var(--line-ctx);
  border: 0;
}

.cta-koncowe__godziny { margin: 0; font-size: var(--fs-small); color: var(--fg-muted); }

.cta-koncowe__ornament {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--space-8);
  transform: translateY(-50%);
  inline-size: 200px;
  pointer-events: none;
  opacity: 0.7;
}
.cta-koncowe__ornament img { inline-size: 100%; block-size: auto; }

@media (max-width: 700px) {
  /* D170, 03.09.2026: wartosci dobrane przez Jakuba w konfiguratorze, zakres
     telefon. Zapisane w pliku wlasciciela, nie w konfigurator.css, zgodnie z
     rozstrzygnieciem z D168: konfigurator sluzy do DOBRANIA wartosci, nie do
     jej przechowywania. */
  .cta-koncowe { padding-block-start: var(--space-4); }
  .cta-koncowe__ornament { display: none; }
  /* D148, 03.09.2026: zgloszenie Jakuba, odstep miedzy godzinami otwarcia i
     stopka za duzy na mobile (--space-10=80px tutaj + --space-8=48px start
     stopki, footer.css D99 = 128px). Zbite do --space-8/--space-8 (96px).
     D149, 03.09.2026, KOREKTA: nawet po tej zmianie Jakub zglosil, ze dol
     dalej wyglada wiekszy niz gora (odstep miedzy naglowkiem "Wybierz
     termin..." a gorna krawedzia sekcji). Przyczyna: `.cta-koncowe` i
     `.site-footer` sa oba "on-dark" (ta sama czerń), wiec na granicy nie ma
     szwu koloru, a dwa paddingi po 48px czytaly sie jako jeden, ciagly
     96px odstep, dwa razy wiekszy niz czysta gora (48px, tam KONCZY sie
     hero/cennik i zaczyna ten dark blok, wiec szew jest widoczny). Ten sam
     mechanizm co D149 w cennik.css (zmiany-skorne -> konsultacja). Zero na
     dole tej sekcji, cala wartosc odstepu idzie z gory stopki (footer.css,
     D99, tez 48px), razem dokladnie tyle co gora tej sekcji. */
  /* D168: mobilny override zdjety, baza ma te sama wartosc na kazdej szerokosci. */
}