/* ==========================================================================
   page-rehab.css (WERSJA OKROJONA)
   Zawiera WYŁĄCZNIE style unikalne dla strony rehabilitacji — wspólne style
   (99% oryginalnego pliku) przeniesiono do _landing-shared.css.
   WYMAGA załadowania _landing-shared.css PRZED tym plikiem
   (wp_enqueue_style z dependency 'holispace-landing-shared').
   ========================================================================== */

.rehab-page .section-intro {
  font-size: 1.05rem;
  color: var(--text-light);
  max-width: 640px;
  margin-bottom: 48px;
  line-height: 1.7;
}

.rehab-page .hero-photo-ph {
  height: 100%;
  min-height: 400px;
  background: rgba(255, 255, 255, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-light);
  font-size: 0.85rem;
  text-align: center;
  padding: 24px;
}

/* Przycisk hero "Zarezerwuj termin" — dopasowany do wyglądu przycisku CTA
   z nagłówka (.nav-cta w main.css): wersaliki/kapitaliki, ten sam rozmiar
   i te same odstępy liter. Grubość (font-weight: 600) była już identyczna
   jak w nagłówku, więc jej nie zmieniam. Nadpisuje WYŁĄCZNIE tę stronę —
   celowo NIE dotykam wspólnej reguły .btn-primary w _landing-shared.css,
   bo ta sama klasa jest współdzielona ze stroną .ortopeda-page, której
   nikt nie prosił o zmianę. Ten plik ładuje się po _landing-shared.css
   (patrz dependency w functions.php), więc poprawnie nadpisuje regułę
   współdzieloną mimo tej samej specyficzności selektora. */
.rehab-page .btn-primary {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Checklista "Sprawne ciało to nasza specjalność" — powiększenie o ok. 20%
   (0.95rem -> 1.14rem, jak tekst; okrągły znacznik checkmarka proporcjonalnie
   z 20px/0.7rem na 24px/0.84rem, żeby nie wyglądał teraz za mały przy
   większym tekście). Wyrównanie zostaje do lewej (domyślne flex-start z
   bazowej reguły .speclist w _landing-shared.css) — pierwsza wersja z
   justify-content:space-between wyglądała na "porozrzucaną" (różne wiersze
   mają różną liczbę elementów, więc każdy rozkładał się inaczej na
   szerokość), więc tę zmianę wycofuję. Reguła nadpisuje WYŁĄCZNIE
   .rehab-page (z tych samych powodów co .btn-primary wyżej — .speclist
   jest współdzielona z .ortopeda-page). */
.rehab-page .speclist a,
.rehab-page .speclist>span {
  font-size: 1.14rem;
}

.rehab-page .speclist .chk {
  width: 24px;
  height: 24px;
  font-size: 0.84rem;
}

/* Blok "Fizjoterapia specjalistyczna" — nazwa pierwszej usługi (najdłuższa:
   "Fizjoterapia stawów skroniowo-żuchwowych") łamała się na 2 linie. Powód:
   .spec-info ma flex-basis 240px i może się kurczyć (flex: 1 1 240px), a od
   kiedy przycisk "Zarezerwuj termin" jest większy niż poprzednie "Umów się"
   (btn-primary zamiast btn-sm), zostaje mu mniej miejsca w wierszu .spec-list
   li. white-space:nowrap na nazwie usługi wymusza, żeby cała nazwa trzymała
   się jednej linii — jeśli miejsca zabraknie, cały wiersz .spec-list li
   (ma flex-wrap:wrap) przeniesie przycisk pod spód zamiast łamać tekst
   w środku nazwy. */
.rehab-page .spec-name {
  white-space: nowrap;
}