/* Dni dostępne (bez klas .is-locked, .halfBegin, .halfEnd) */
.day-item:not(.is-locked):not(.halfBegin):not(.halfEnd) {
    background-color: rgba(0, 255, 0, 0.15); /* Delikatna zielona poświata */
    box-shadow: none; /* Brak dodatkowej poświaty */
    font-weight: bold; /* Pogrubiona czcionka */
    cursor: pointer; /* Kursor wskazujący na możliwość kliknięcia */
    border-radius: 0; /* Kwadratowy kształt */
}



/* Zmiana po najechaniu na dostępne dni */
.day-item:not(.is-locked):not(.halfBegin):not(.halfEnd):hover {
    background-color: rgba(0, 255, 0, 0.25); /* Trochę mocniejsza poświata na hover */
}

/* Dni niedostępne - klasy .is-locked */
.day-item.is-locked {
    color: #ccc; /* Szare dni */
    pointer-events: none; /* Wyłączenie klikalności */
    opacity: 0.5; /* Zmniejszona widoczność */
    background-color: transparent; /* Przezroczyste tło */
}

/* Pół początki rezerwacji - .halfBegin */
.day-item.halfBegin {
    background-color: rgba(255, 165, 0, 0.15); /* Delikatna pomarańczowa poświata */
    font-weight: bold;
    border-radius: 0; /* Kwadratowy kształt */
}

/* Pół zakończenia rezerwacji - .halfEnd */
.day-item.halfEnd {
    background-color: rgba(255, 69, 0, 0.15); /* Delikatna czerwona poświata */
    font-weight: bold;
    border-radius: 0; /* Kwadratowy kształt */
}

/* Zaokrąglone rogi całego kalendarza */
.litepicker {
    border-radius: 15px; /* Zaokrąglenie rogów kalendarza */
    overflow: hidden; /* Zapobiega "wystawaniu" zawartości poza zaokrąglone rogi */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Delikatny cień dla efektu unoszenia */
}

/* Zaznaczone dni - bardzo mocny zielony */
.day-item.is-selected {
    background-color: #008000; /* Bardzo mocny zielony */
    color: white; /* Kolor tekstu dla lepszej czytelności */
    font-weight: bold; /* Pogrubiona czcionka */
}

/* Zmiana po najechaniu na zaznaczone dni */
.day-item.is-selected:hover {
    background-color: #006400; /* Ciemniejszy zielony na hover */
}

/* Wybrana data startowa - mocny zielony */
.day-item.is-start-date {
    background-color: #008000; /* Mocny zielony dla daty startowej */
    color: white; /* Biały tekst dla kontrastu */
    font-weight: bold; /* Pogrubiona czcionka */
}







/* Styl dla głównego kontenera bocznego */
aside.offer-right-wrapper {
    background-color: black !important;
    color: white !important; /* Domyślny kolor tekstu na biały dla całej sekcji */
}

/* Styl dla sekcji zawierającej cenę i przyciski rezerwacji */
aside.offer-right-wrapper .offer-right-top {
    background-color: black !important; /* Zapewnia czarne tło dla tej konkretnej sekcji */
    color: white !important; /* Tekst w tej sekcji na biały */
}

/* Styl dla sekcji z korzyściami rezerwacji online */
aside.offer-right-wrapper .payment-adventages {
    background-color: black !important;
    color: white !important;
}

/* Styl dla sekcji z informacjami o płatnościach */
aside.offer-right-wrapper .payment-logo {
    background-color: black !important;
    color: white !important;
}

/* Ustawia kolor tekstu na biały dla konkretnych elementów w tych sekcjach */
aside.offer-right-wrapper .offer-price small,
aside.offer-right-wrapper .offer-price span,
aside.offer-right-wrapper .payment-adventages span,
aside.offer-right-wrapper .payment-info h5,
aside.offer-right-wrapper .payment-info p {
    color: white !important;
}

/* Jeśli ikony są czarne, to je również trzeba zmienić na białe */
aside.offer-right-wrapper .payment-adventages i {
    color: white !important;
}

/* Przyciski rezerwacji mogą wymagać osobnego stylowania, jeśli mają pozostać w innym kolorze lub ich tekst ma być biały */
aside.offer-right-wrapper .accommodation-reservation.btn,
aside.offer-right-wrapper .offerCalendar,
aside.offer-right-wrapper .to-offer-prices {
    background-color: #333 !important; /* Przykładowy ciemny kolor dla przycisków */
    color: white !important;
    border-color: #555 !important; /* Opcjonalnie: zmiana koloru ramki */
}
/* Tekst na przyciskach */
aside.offer-right-wrapper .accommodation-reservation.btn span {
    color: white !important;
}

/* Styl dla ikonek w przyciskach rezerwacji */
aside.offer-right-wrapper .room_rez a i {
    color: white !important;
}

/* Nagłówki, jeśli są inne niż h5, np. h4, h3 */
aside.offer-right-wrapper h1,
aside.offer-right-wrapper h2,
aside.offer-right-wrapper h3,
aside.offer-right-wrapper h4 {
    color: white !important;
}

/* Styl dla sekcji mapy, jeśli ma być również na czarnym tle */
aside.offer-right-wrapper .side-map {
    background-color: black !important;
}

/* Styl dla "Rezerwacja online" pod mapą */
aside.offer-right-wrapper .iai-search {
    background-color: black !important;
    color: white !important;
}

aside.offer-right-wrapper .iai-search .iai_book_trigger span {
    color: white !important;
}

aside.offer-right-wrapper .iai-search .iai_book_trigger b {
    background-color: #444 !important; /* Kolor tła dla ikonki w triggerze */
    color: white !important;
}

/* Etykiety pól formularza w IAI Booking */
aside.offer-right-wrapper .iai-search .iai_frontpage label {
    color: white !important;
}

/* Kolor tekstu w polach input */
aside.offer-right-wrapper .iai-search .iai_frontpage input[type="text"] {
    background-color: #333 !important;
    color: white !important;
    border-color: #555 !important;
}

/* Ikony kalendarza w polach input */
aside.offer-right-wrapper .iai-search .iai_frontpage .iaiicon-calendar {
    color: white !important; /* Zmienia kolor ikony na biały */
}

/* Przycisk "Rezerwuj online" w formularzu */
aside.offer-right-wrapper .iai-search .iai_frontpage .formbutton button {
    background-color: #ff9900 !important; /* Utrzymanie pomarańczowego koloru IdoBooking lub inny */
    color: white !important;
    border: none !important;
}

/* Przycisk "Wyznacz trasę" */
aside.offer-right-wrapper .directions .btn-reverse {
    background-color: #333 !important;
    color: white !important;
    border-color: #555 !important;
}







/* --- 1. Ustawienie czarnego tła dla całej stopki i jej głównych sekcji --- */
footer {
    background-color: black !important;
    color: white !important; /* Domyślny kolor tekstu na biały dla całej stopki */
}

/* Agresywnie nadpisz tło dla wszystkich głównych kontenerów w stopce */
footer > .footer-wrapper,
footer .footer-contact__wrapper,
footer .footer-adress-wrapper,
footer .footer-contact,
footer .footer-contact-add,
footer .footer-contact-baner, /* Dotyczy obu bloków .footer-contact-baner */
footer .powered_by {
    background-color: black !important;
}

/* --- 2. Ustawienie białego koloru tekstu dla wszystkich elementów w stopce --- */

/* Ogólny kolor tekstu dla całej stopki (już ustawione w `footer`, ale wzmocnione) */
footer,
footer div,
footer p,
footer span,
footer li,
footer a {
    color: white !important;
}

/* Specyficzne dla nagłówków, jeśli takie są użyte */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: white !important;
}

/* --- 3. Usunięcie białego prostokąta/SVG płatności (ale zachowanie linków Regulamin/Polityka Prywatności) --- */

/* Celujemy w PIERWSZY element <span> w PIERWSZYM .footer-contact-baner,
   który zawiera SVG z logo płatności */
.footer-contact-add > .footer-contact-baner:first-child > span:first-of-type {
    display: none !important;
    width: 0 !important;   /* Zapewnia, że element nie zajmuje miejsca */
    height: 0 !important;  /* Zapewnia, że element nie zajmuje miejsca */
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Jeśli drugi SPAN też jest elementem płatności i chcesz go usunąć:
   (na podstawie twojego kodu HTML są tam dwa spany obok siebie) */
.footer-contact-add > .footer-contact-baner:first-child > span:nth-of-type(2) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* --- 4. Upewnienie się, że ikony social media są białe --- */
footer .footer-contact__social i {
    color: white !important;
}

/* --- 5. Linie/ramki, jeśli jakieś się pojawiają i są ciemne --- */
footer hr,
footer .footer-contact-add { /* Jeśli .footer-contact-add ma jakąś ramkę, ustaw ją na białą/jasną */
    border-color: #333 !important; /* Ciemnoszary, subtelny kolor dla ewentualnych linii */
}