/* Import czcionek Poppins i Raleway */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
  margin: 0; /* Usunięcie domyślnych marginesów */
  min-height: 100vh; /* Minimalna wysokość body to pełna wysokość okna */
  position: relative; /* Dla tła na podstronach */
  background-color: #f8f9fa; /* Domyślne tło dla strony głównej */
}

body.subpage {
  background: none; /* Usunięcie domyślnego tła, aby nie kolidowało */
}

body.subpage::before {
  content: '';
  position: fixed; /* Fixed zamiast absolute, aby tło zawsze wypełniało ekran */
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /* Pełna wysokość okna */
  background-image: url('start.jpg');
  background-size: cover;
  background-position: center;
  filter: brightness(140%); /* Rozjaśnienie o 70% (1.7x) */
  z-index: -2; /* Tło za treścią i nawigacją */
}

.navbar {
  padding: 1.4rem 1rem; /* Zwiększona przestrzeń o ~40% */
  position: relative; /* Zapewnia, że nawigacja jest nad tłem */
  z-index: 1; /* Nawigacja nad tłem */
}

.navbar-nav .nav-link {
  font-family: 'Poppins', sans-serif;
  font-weight: 500; /* Semi-bold */
  font-size: 1.1rem; /* Nieco większy dla nowoczesnego wyglądu */
}

.hero {
  background-image: url('start.jpg');
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  position: relative;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* Przyciemnienie dla głównej strony */
}

.hero-content {
  position: relative;
  z-index: 1;
}

.hero-content h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700; /* Pogrubiona dla nagłówka */
  font-size: 3rem; /* Większy rozmiar dla efektu */
}

.hero-content p {
  font-family: 'Raleway', sans-serif;
  font-weight: 400; /* Normalna dla akapitu */
  font-size: 1.2rem;
}

.hero-content .btn {
  font-family: 'Raleway', sans-serif;
  font-weight: 700; /* Pogrubiona dla przycisku */
}

.language-switcher a {
  color: #007bff;
  margin: 0 10px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.card-img-top {
  height: 200px;
  object-fit: cover;
}

.img-fluid {
  max-height: 300px;
  object-fit: cover;
}

/* Styl dla sekcji treści na podstronach */
.subpage-section {
  background-color: rgba(255, 255, 255, 0.9); /* Lekko przezroczyste białe tło dla czytelności */
  padding: 2rem;
  border-radius: 10px;
  margin: 2rem auto; /* Wyśrodkowanie z marginesami */
  max-width: 1200px; /* Maksymalna szerokość dla dużych ekranów "'";
  position: relative;
  z-index: 1; /* Treść nad tłem */
}

/* Czcionka dla treści na podstronach */
.subpage-section h1,
.subpage-section h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700; /* Pogrubiona dla nagłówków */
  font-size: 2.5rem; /* Rozmiar nagłówka */
}

.subpage-section p,
.subpage-section label,
.subpage-section .form-control,
.subpage-section .btn {
  font-family: 'Raleway', sans-serif;
  font-weight: 400; /* Normalna dla akapitów, etykiet i formularzy */
  font-size: 1.1rem; /* Nieco większy dla czytelności */
}

.subpage-section .btn {
  font-weight: 700; /* Pogrubiona dla przycisków */
}