body {
    padding-bottom: 100px;
}

.bg-body-tertiary {
    background-color: rgb(255 255 255) !important;
}

.carousel-item {
    min-height: 300px; /* Minimalna wysokość, np. 300px */
    height: 50vh; /* Dostosuj do proporcji ekranu, np. 40% wysokości */
    overflow: hidden;
}

.carousel-item img {
    height: 100%;
    width: 100%;
    object-fit: cover; /* Przytnie obrazek do rozmiaru kontenera */
}

#menuContainer{
    border-bottom: 1px solid orange !important;
}

h1, h2, h3, h4, h5 {
    color: #353535;
    font-weight: 300;
    line-height: 1.5em;
    margin-top: 1em;    
}

.h1-sub {
    color: orange;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2em;
    margin-top: 0;      
}

.feature-title {
    color: orange;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2em;
    margin-top: 15px;
    margin-bottom: 7px;
}

.sticky-menu {
    position: sticky;
    top: 65px;  /* Dostosuj – wysokość navbaru + margines */
    z-index: 100;  /* Upewnij się, że menu będzie nad tłem */
}

.scroll-up{
    position: fixed;
    bottom: 80px;
    right: 60px; 
    display: none; 
    z-index: 999; 
    width: 48px; 
    height: 48px; 
    border-radius: 50%; 
    padding: 0; 
    font-size: 20px; 
    font-weight:bold;
}

/* @media (max-width: 768px) {
    .dropdown-desc {
        display: none;
    }
}*/
.dropdown-desc {
    font-size: 0.8em;
    line-height: 1.2em;
    margin-left: 16px;
    padding-bottom:16px;
} 

.dropdown-menu-wide{
    width:450px;
}

.footer{
    font-size: 0.9em;
}

.btn-orange {
    color: #fff;
    background-color: #fd7e14; /* Bootstrap orange */
    border-color: #fd7e14;
}

.btn-orange:hover {
    background-color: #e86c0a;
    border-color: #e86c0a;
}

.btn-orange:focus, .btn-orange:active {
    background-color: #d85c00;
    border-color: #d85c00;
    box-shadow: 0 0 0 0.25rem rgba(253, 126, 20, 0.5);
}

#cookieBanner {
    z-index: 1050; 
    background-color: #f8d7da; 
    color: #721c24;
}

.illustration{
    max-width: 400px;
}

.compare-table-container {
  overflow-x: auto;
  margin-bottom: 1.5rem;
}

.compare-table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid black;
  font-size: 15px;
  min-width: 700px; /* aby wymusić przewijanie na mniejszych ekranach */
}

.compare-table th,
.compare-table td {
  border: 1px solid black;
  padding: 8px 12px;
  text-align: left;
}

.compare-table thead th {
  background-color: #FFA500; /* pomarańczowy */
  color: black;
  font-weight: bold;
}

.compare-table tbody td:first-child {
  background-color: #FFE5B4; /* jasno pomarańczowy */
  font-weight: bold;
}