/* Parafia Oficerskie — wspólne zmienne i drobne elementy widoków publicznych (Zapisy i Darowizny).
   Fonty, rozmiar tekstu i nagłówki dziedziczymy z motywu (Church Fund) — tu są tylko kolory,
   stany i odstępy, żeby moduły wyglądały jak jedna strona parafii.

   Kontrast (WCAG 2.1, policzony; „na białym” = #fff, „na tle strony” = #f9f7f2 motywu):
     akcent #b8396b z białym tekstem 5,47:1 · ciemniejszy #a02f5c 6,87:1 · wybrany #4c2d4d 11,73:1
     tekst #2b2b2b 14,4:1 · szary tekst #5c5c5c 6,7:1 na białym / 6,2:1 na tle strony
     ramka pola #8a8a8a 3,4:1 (elementy interfejsu wymagają 3:1) · fokus #4c2d4d. */

.ofz-wrap, .don-wrap, .ofz-admin, .parafia-front {
  --parafia-akcent: #b8396b;
  --parafia-akcent-ciemny: #a02f5c;
  --parafia-aktywny: #4c2d4d;
  --parafia-akcent-tlo: #fbf0f4;
  --parafia-fokus: #4c2d4d;
  --parafia-tekst: #2b2b2b;
  --parafia-szary: #5c5c5c;
  --parafia-linia: #e2e2e2;
  --parafia-pole: #8a8a8a;
  --parafia-karta: #fff;
  --parafia-miejsce: #f5f4f2;
  --parafia-ok-tlo: #edf7ee;
  --parafia-ok-linia: #b9dcbf;
  --parafia-ok-tekst: #1d5e2f;
  --parafia-blad-tlo: #fdecea;
  --parafia-blad-linia: #e3a29d;
  --parafia-blad-tekst: #8a1f1a;
  --parafia-info-tlo: #f7f1f5;
  --parafia-info-linia: #e3cfdb;
  --parafia-promien: 12px;
}

/* Tekst tylko dla czytników ekranu. */
.parafia-sr {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}

/* Ikony liniowe (SVG) — kolor z tekstu. */
.parafia-ikona { width: 1.25em; height: 1.25em; flex: 0 0 auto; vertical-align: -.25em; }
/* Motyw koloruje wypełnienia SVG — ikony są liniowe, więc wypełnienie zawsze wyłączone. */
.parafia-ikona, .parafia-ikona * { fill: none !important; stroke: currentColor; }
/* Dodatkowy CSS strony ma „p { text-align: justify !important }” — w wąskich ramkach i na telefonie
   robi to dziury między słowami. W naszych modułach akapity dziedziczą wyrównanie z kontenera
   (domyślnie do lewej, nagłówki i podziękowania — do środka). */
.ofz-wrap p, .ofz-wrap li, .don-wrap p { text-align: inherit !important; }
.ofz-wrap p.ofz-zalogowano { text-align: right !important; }
.ofz-wrap p.ofz-info, .don-wrap p.don-secure, .don-wrap p.don-sandbox { text-align: center !important; }

/* Widoczny fokus z klawiatury we wszystkich kontrolkach modułów (motyw go zdejmuje). */
.ofz-wrap :is(a, button, input, select, textarea, summary):focus-visible,
.don-wrap :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--parafia-fokus) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #fff !important;
}

/* Klauzula informacyjna (RODO) — ten sam wygląd pod zapisami i w darowiznach. */
.parafia-klauzula,
.don-wrap .don-consent-note {
  font-size: .85rem; line-height: 1.55; color: var(--parafia-szary);
  text-transform: none; letter-spacing: normal; font-weight: 400;
}
.parafia-klauzula { margin: 1.25rem auto 0; max-width: 46rem; text-align: left; }
.parafia-klauzula p { margin: 0 0 .5rem; }
.parafia-klauzula a,
.don-wrap .don-consent-word { color: var(--parafia-akcent); text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  .ofz-wrap *, .don-wrap * { transition: none !important; animation: none !important; }
}