/* ============================================================================
   WARSTWA MEDYCZNA — detale języka dokumentacji.

   Nie zmienia układu. Dokłada to, co odróżnia kartę pacjenta od zwykłej
   strony: cyfry tabelaryczne, numerację pozycji, oznaczenia jednostek.
   Wyłączenie tego pliku nie psuje strony ani jej dostępności.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   Cyfry
   Każda liczba na tej stronie jest daną — godzina, cena, czas trwania,
   liczba godzin kursu. Cyfry tabelaryczne mają równą szerokość, więc
   kolumny się nie chwieją, a odczyt przypomina wydruk z aparatu.
   ---------------------------------------------------------------------------- */
.stat__n,
.step__marker,
.course__h,
.price__amount,
.price__time,
.slot,
.cal__day,
.confirmation__ref,
.summary__v,
.service__meta,
.contact__phone,
.hero__fact dd,
time,
[data-count-to] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

/* ----------------------------------------------------------------------------
   Numeracja pozycji badania — USUNIĘTA 17.08.2026

   Sekcje miały nad nagłówkiem etykietę w pigułce („ILE TO KOSZTUJE | 06")
   z numerem doklejanym licznikiem CSS. Zniknęła, bo każda z dziesięciu
   etykiet powtarzała własny nagłówek innymi słowami: „Ile to kosztuje" nad
   „Cennik", „Kontakt" nad „Kontakt i dojazd", „Rezerwacja online" nad
   „Umów wizytę". Dwa razy to samo, w dwóch krojach, jedno pod drugim.

   Numeracja odeszła razem z nimi: nie miała już czego numerować, a przy
   częściowym usunięciu etykiet zostawiłaby dziury w sekwencji (01, 03, 07),
   co czyta się jak usterka, nie jak zamysł.

   Reguły `.eyebrow` w `layout.css` ZOSTAJĄ — klasa jest gotowa do użycia,
   gdyby kiedyś pojawiła się sekcja, w której podtytuł faktycznie coś wnosi.
   ---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
   Jednostki przy liczbach
   W dokumentacji jednostka jest zawsze przy wartości i zawsze mniejsza.
   ---------------------------------------------------------------------------- */
.unit {
  font-family: var(--f-mono);
  font-size: 0.5em;
  font-weight: 400;
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  color: var(--c-muted);
  margin-left: 0.25em;
  vertical-align: 0.35em;
}

/* ----------------------------------------------------------------------------
   Legenda dostępności w kalendarzu
   Kolor nigdy nie niesie informacji sam — legenda nazywa go wprost.
   ---------------------------------------------------------------------------- */
.legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-5);
  margin-top: var(--sp-6);
  padding-top: var(--sp-5);
  border-top: 1px solid var(--s-line);
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: var(--ls-wide);
  color: var(--c-muted);
}

.legend__item {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}

.legend__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--c-vital);
  flex: none;
}
.legend__dot--none {
  background: var(--s-line-strong);
}

/* ----------------------------------------------------------------------------
   Wydruk
   Pacjenci drukują potwierdzenia i informacje o gabinecie. Wydruk ma być
   czysty: bez nawigacji, bez linii życiowej, bez tła — sama treść.
   ---------------------------------------------------------------------------- */
@media print {
  .nav,
  .vitals,
  .toasts,
  .booking__steps,
  .booking__nav,
  .hero__figure,
  .skip-link {
    display: none !important;
  }

  body {
    background: #fff;
  }
  body::before {
    display: none;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .section {
    padding-block: 1.5rem;
    break-inside: avoid;
  }

  /* Ciemna sekcja na papierze byłaby plamą tonera. Cofamy podmianę tokenów —
     bez wyliczania po kolei, które elementy w środku trzeba rozjaśnić. */
  .section--dark {
    background: #fff;
    color: #000;
    border-color: #999;

    --c-surface: #fff;
    --c-surface-alt: #fff;
    --c-ink: #000;
    --c-ink-soft: #333;
    --c-muted: #555;
    --s-line: #999;
    --s-line-strong: #999;
    --c-accent: #000;
    --c-accent-strong: #000;
    --c-accent-tint: #fff;
    --c-accent-line: #999;
  }

  .card,
  .booking {
    box-shadow: none;
    border-color: #999;
  }

  /* Adresy odnośników są przy wydruku bezużyteczne, poza telefonem i mailem. */
  a[href^='tel:']::after,
  a[href^='mailto:']::after {
    content: ' (' attr(href) ')';
    font-size: 0.85em;
    color: #555;
  }
}