/* GŁÓWNE MOTYWY KOLORYSTYCZNE STRONY */

:root {
  --cassiopeia-color-primary: red; /* Główny kolor: nagłówek, przyciski #2F9C95 */
  --cassiopeia-color-link: orange;    /* Kolor standardowych linków w tekście #1C5E5A */
  --cassiopeia-color-hover: blue;   /* Kolor po najechaniu myszką na link/przycisk #174F4B */
}

/* MOTYWY KOLORYSTYCZNE MODUŁÓW */

/* 1. Kolor tła pod tytułem modułu (np. tam gdzie jest napis "Prawy boks") */
.card-header {
  background-color: orange; /* Wpisz swój kolor tła #2F9C95 */
  border-bottom: 1px solid #1C5E5A; /* Kolor linii pod tytułem #1C5E5A */
}

/* 2. Kolor tekstu tytułu modułu */
.card-header, .card-title, .card-title a {
  color: #FFFFFF !important; /* Wpisz swój kolor czcionki tła panelu #FFFFF */
}

/* 3. Główna ramka wokół całego modułu */
.card {
  border: 1px solid orange; /* Wpisz swój kolor zewnętrznej ramki #1C5E5A */
  background-color: #FFFFFF; /* Kolor tła wewnątrz modułu (pod obrazkiem) #FFFFFF */
}

/* MOTYWY KOLORYSTYCZNE WEWNĄTRZ MODUŁÓW */

/* Zmiana tła i koloru tekstu wewnątrz modułów */
.card-body {
  background-color: #F8F9FA; /* Wpisz swój kolor tła (teraz jest jasnoszary) #F8F9FA */
  color: #333333;            /* Wpisz swój kolor zwykłego tekstu #333333 */
}

/* Zmiana koloru linków wewnątrz modułów (np. "Nie pamiętasz hasła?") */
.card-body a {
  color: #0056B3; /* Wpisz swój kolor linków #0056B3 */
}

/* Kolor linków wewnątrz modułów po najechaniu myszką */
.card-body a:hover {
  color: #003366; /* Wpisz swój kolor linku po najechaniu #003366 */
}

/* KOLORY RAMEK PÓŁ FORMULARZY */

/* 1. Standardowy kolor ramki pól formularza */
.form-control {
  border-color: orange; /* Wpisz swój kolor ramki (np. szary, niebieski) #CCCCCC */
  background-color: #FFFFFF; /* Kolor tła wewnątrz pola tekstowego #FFFFFF */
}

/* 2. Wygląd pola w momencie kliknięcia (gdy użytkownik wpisuje tekst) */
.form-control:focus {
  border-color: #2F9C95; /* Kolor ramki po kliknięciu w pole #2F9C95 */
  box-shadow: 0 0 0 0.25rem rgba(47, 156, 149, 0.25); /* Delikatna poświata wokół pola - zmień wartości rgba na swój kolor */
  background-color: #FFFFFF; /* Kolor tła aktywnego pola #FFFFFF */
}

/* CAPTCHA */

/* Ukrycie oryginalnego angielskiego tekstu "Verified" */
altcha-widget .altcha-title {
  font-size: 0 !important;
}

/* Wstawienie nowego polskiego tekstu w to samo miejsce */
altcha-widget .altcha-title::before {
  content: "Zweryfikowano"; /* Tutaj wpisz swój polski tekst */
  font-size: 1rem !important; /* Przywrócenie domyślnej wielkości czcionki */
  color: #333333; /* Możesz tu zmienić kolor tego napisu #333333 */
}
/* 1. Ukrycie oryginalnego angielskiego napisu "I'm not a robot" */
altcha-widget .altcha-label {
  font-size: 0 !important;
}

/* 2. Wstawienie polskiego odpowiednika "Nie jestem robotem" */
altcha-widget .altcha-label::before {
  content: "Nie jestem robotem"; /* Tutaj możesz wpisać swój tekst */
  font-size: 0.9rem !important;  /* Przywrócenie odpowiedniej wielkości czcionki */
  color: #333333; /* Kolor tekstu #333333 */
}

/* 1. Ukrycie oryginalnego angielskiego komunikatu o błędzie */
altcha-widget .altcha-error {
  font-size: 0 !important;
}

/* 2. Wstawienie polskiego odpowiednika błędu */
altcha-widget .altcha-error::before {
  content: "Weryfikacja nie powiodła się. Spróbuj ponownie później."; /* Tutaj możesz wpisać własny tekst błędu */
  font-size: 0.85rem !important; /* Przywrócenie odpowiedniej wielkości czcionki */
  color: #D32F2F; /* Zachowanie czerwonego koloru ostrzeżenia #D32F2F */
}