/* Stylizacja tła strony */
body.poster {
  background-attachment: fixed;
  padding-top: 80px; /* Domyślna przestrzeń na navbar (np. desktop) */
}

/* Stylizacja przycisku rozwijania menu */
.navbar-toggler {
  padding: 1rem 1.5rem; /* Zwiększenie paddingu */
  font-size: 1.5rem; /* Zwiększenie rozmiaru czcionki */
  border-radius: 0.25rem; /* Zaokrąglenie rogów */
  width: 60px; /* Szerokość przycisku */
  height: 60px; /* Wysokość przycisku */
  position: relative;
  z-index: 1050; /* Przyciski na wierzchu */
}

/* Stylizacja tła nagłówka i odsunięcie nagłówka w dół */
header.bg-secondary {
  background-color: #6c757d !important; /* Tło nagłówka */
  padding-top: 4rem !important;        /* Zmniejszony padding górny (64px) */
  padding-bottom: 1.5rem !important;   /* Padding dolny */
}

/* Odsunięcie samego h1 wewnątrz headera */
header.bg-secondary h1 {
  margin-top: 1rem !important; /* Dodatkowe odsunięcie nagłówka w dół (32px) */
}

/* Dostosowanie przycisku i paddingu na urządzeniach mobilnych */
@media (max-width: 991px) {
  .navbar-toggler {
    width: 70px;
    height: 70px;
  }

  body.poster {
    padding-top: 20px; /* Dopasuj do wysokości mobilnego navbaru */
  }

  /* Zmniejszenie paddingu headera na mniejszych ekranach */
  header.bg-secondary {
    padding-top: 1rem !important;  /* 48px */
    padding-bottom: 1rem !important;
  }

  header.bg-secondary h1 {
    margin-top: 1rem !important; /* 16px */
  }
}