/* Ochrona formularzy: pole-pulapka, widget Turnstile, komunikat odrzucenia.
   Osobny plik, bo dotyczy obu formularzy naraz (kontakt i prosba o dostep). */

/* Pulapka. Chowamy ja z ekranu przesunieciem, a NIE przez display:none ani
   atrybut hidden - proste boty czytaja jedno i drugie i takie pole pomijaja.
   Dla czytnika ekranu zaslania ja aria-hidden na opakowaniu, a przed
   klawiatura tabindex="-1" na samym polu. */
.ochrona-pulapka{
  position:absolute !important;
  left:-9999px; top:auto;
  width:1px; height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

/* Widget Turnstile. W trybie zarzadzanym zwykle nie wymaga zadnego kliniecia,
   ale miejsce na siebie musi miec od razu, zeby po zaladowaniu nie przesuwal
   przycisku "Wyslij" spod kursora. */
.ochrona-turnstile{margin-top:22px;min-height:66px}
.ochrona-turnstile .cf-turnstile{max-width:100%}
.ochrona-noscript{
  margin:0; font-size:12.5px; line-height:1.55; color:#7b8083;
  border-left:2px solid #d8d3c7; padding-left:12px;
}

/* Komunikat o odrzuceniu calego zgloszenia. Ma byc widoczny od razu,
   czytelny i zakonczony wyjsciem awaryjnym (telefon, e-mail). */
.form-alert{
  margin:0 0 22px;
  border:1px solid #e7c9c4;
  border-left:3px solid #b3261e;
  background:#fdf6f5;
  padding:16px 18px;
  display:grid; gap:8px;
}
.form-alert:focus{outline:2px solid #b3261e; outline-offset:3px}
.form-alert-tytul{
  margin:0; font-size:11px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:#b3261e;
}
.form-alert-tresc{margin:0; font-size:14px; line-height:1.6; color:#2b2b28}
.form-alert-pomoc{margin:0; font-size:13px; line-height:1.6; color:#5d5f58}
.form-alert-pomoc a{color:#11375f; font-weight:600}

@media(max-width:720px){
  .form-alert{padding:14px 15px}
  .ochrona-turnstile{margin-top:18px}
}