/* === USTAWIENIA GLOBALNE === */

/* Ustawiamy neutralne tło dla całej strony i lepszą domyślną czcionkę */
body {
  background-color: #f8f9fa; /* Bardzo jasny szary, standard w Bootstrapie */
  color: #212529; /* Ciemnoszary dla lepszej czytelności tekstu */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* === PASEK NAWIGACJI (HEADER) === */

/* Dodajemy subtelny cień pod przyklejonym paskiem nawigacji, aby oddzielić go od treści */
.navbar.fixed-top {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* === GŁÓWNA SEKCJA Z TREŚCIĄ === */

.sekcja1 {
  /* Odstępy - zapewniamy odpowiednią przerwę od góry (pod nawigacją) i od dołu */
  margin-top: 80px; /* Zwiększony margines, aby treść nie chowała się pod nawigacją */
  margin-bottom: 30px;

  /* Wygląd - tworzymy efekt nowoczesnej "karty" */
  background-color: #ffffff; /* Białe tło dla głównej treści */
  border: 1px solid #dee2e6; /* Bardzo delikatna, jasnoszara ramka */
  border-radius: 8px; /* Zaokrąglone rogi */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Miękki, wyraźniejszy cień */

  /* Wewnętrzne odstępy - więcej "oddechu" dla treści w środku */
  padding: 30px;

  /* Usuwamy niepotrzebne, domyślne style */
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px; /* Opcjonalnie: ograniczamy szerokość na dużych ekranach */
}

/* === STOPKA === */

.page-footer {
  /* Resetujemy stare style */
  border: none;
  height: auto; /* Wysokość dopasuje się do zawartości */
  
  /* Nowe, czyste style */
  background-color: #ffffff; /* Czyste, białe tło */
  border-top: 1px solid #e9ecef; /* Delikatna linia oddzielająca od reszty strony */
  color: #6c757d; /* Stonowany, szary kolor tekstu - standard dla stopek */
  font-size: 14px;
  text-align: center;
  
  /* Lepsze odstępy */
  padding: 20px 0;
  margin: 0;
}

/* === DODATKOWE STYLE DLA FORMULARZY === */
/* Poprawki dla formularzy logowania i rejestracji, aby wyglądały lepiej w nowym layoucie */

.form-signin h1,
.form-register h2 {
    font-weight: 300; /* Lżejsza czcionka dla nagłówków formularzy */
}

.form-floating > .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); /* Lepszy focus na polach formularza */
}