@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@300;400;500;600;700&display=swap');

/* GLOBALNA CZCIONKA Maven Pro (wcześniej Asap, KoHo, Barlow) */
body, 
input, 
textarea, 
select, 
button, 
table, 
td, 
th {
    font-family: 'Maven Pro', sans-serif !important;
}

/* 1. STYLE DLA STANDARDOWEGO TEKSTU (Desktop/Globalne) */

/* 2. STYLE DLA NAGŁÓWKÓW (Desktop) */

.index-info h1 {
    font-size: 22px !important; 
    font-weight: 400 !important; 
    line-height: 1.2 !important;
    letter-spacing: 2px !important;
}

.index-info h2 {
    font-size: 34px !important; /* Zmienione na bardziej rozsądny rozmiar desktop */
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 1px !important;
}

h3 { /* Użycie ogólnego selektora dla H3, chyba że ma specyficzną klasę */
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* 3. STYLE DLA MOBILE (Wszystko w JEDNYM BLOKU @media) */

@media (max-width: 768px) {
    
        /* STANDARDOWY TEKST NA MOBILE */
    p, {
        font-size: 16px !important; 
    }

    /* NAGŁÓWKI NA MOBILE */
    .index-info h1 {
        font-size: 18px !important; 
        letter-spacing: 1px !important;
    }

    .index-info h2 {
        font-size: 30px !important;
        letter-spacing: 0px !important;
    }

    h3 {
        font-size: 20px !important;
    }
    /* WZMOCNIONY SELEKTOR DLA WYŁĄCZENIA ZAOKRĄGLENIA */
    .offer_site .multiple-items .slick-slide img {
        border-radius: 0 !important;
    }

    /* WZMOCNIONY SELEKTOR DLA KONTENERA (jeśli jest zaokrąglony i blokuje) */
    .offer_site .multiple-items .slick-slide {
        border-radius: 0 !important;
        overflow: visible !important;
    }
    /* COFNIĘCIE ZAOKRĄGLENIA ZDJĘCIA W SLIDERZE TYLKO NA MOBILE */
    .slick-slide img {
        border-radius: 0 !important; 
    }
    
    /* ⚠️ Dodatkowo: Cofnięcie zaokrąglenia z kontenera nadrzędnego */
    /* Jeśli .slick-slide ma border-radius, również go usuwamy, 
       żeby nie blokował krawędzi zdjęcia. */
    .slick-slide {
        border-radius: 0 !important;
        overflow: visible !important;
    }
    /* Wyśrodkowanie nagłówka na telefonach */
    .offer-top h1.big-label {
        text-align: center !important;
    }
    /* Agresywne zerowanie i centrowanie dla cech obiektu */
    .roomspace.sublink {
        text-align: center !important; /* Centrowanie elementów inline */
        line-height: 0.9 !important;   /* Minimalny, ryzykowny, ale konieczny line-height */
        padding: 0 !important;         /* Zerowanie paddingu na kontenerze */
        margin: 0 !important;          /* Zerowanie marginesu na kontenerze */
    }
    
    /* KLUCZ: Zerowanie WSZELKIEGO pionowego odstępu na DZIECIACH */
    .roomspace.sublink > span,
    .roomspace.sublink > span span {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        
        /* Używamy inline-block, aby zapewnić, że marginesy boczne działają */
        display: inline-block !important;
        /* Opcjonalnie: Kontrola odstępów poziomych */
        margin-left: 2px !important; 
        margin-right: 2px !important;
    }
    /* WZMOCNIONY SELEKTOR: Celujemy TYLKO w przycisk wewnątrz paska nawigacyjnego */
    .menu-wrapper .navbar-reservation.btn {
        position: fixed !important; 
        
        left: 50% !important; 
        transform: translateX(-50%) !important; 
        
        /* Dostosuj tę wartość, aby przycisk był na środku paska w pionie */
        top: 10px !important; 
        
        /* Upewnienie się, że jest na wierzchu i nie koliduje z menu */
        z-index: 9999 !important; 
    }
}

/* KOLOR TŁA STOPKI */
.footer-contact-baner,
.footer-contact-baner:before {
    background-color: #9eb09b !important;
}

/*KOLORY GLOBALNIE */

html:root {
    /* Utrzywamy !important na kluczowych zmiennych */
    --maincolor1: #6c7a69 !important; 
    --maincolor2: #5b6659 !important; 
    --maincolor1_rgba: 108, 122, 105 !important;
    
    /* A na reszcie (które i tak odwołują się do głównego koloru) 
       na próbę usuwamy !important */
    --btn_large: #6c7a69;
    --btn_medium: #6c7a69;
    --btn_small: #6c7a69;
    --btn_large_hover: #5b6659;
    --btn_medium_hover: #5b6659;
    --btn_small_hover: #5b6659; 
    --widget_icons: #6c7a69;
    --icons1: #6c7a69;
    --btn-primary: #6c7a69;
    --breadcrumb-active: #6c7a69 !important;
    --button1-background: #6c7a69 !important;
    --button2-background: #6c7a69 !important;
    --button3-background: #6c7a69 !important;
    --link-text: #6c7a69 !important;
    --addonprice-background: #6c7a69 !important;
    --summary-color: #6c7a69 !important;
    --tab-top-1: #6c7a69 !important;
    --calendar-persons-icon: #6c7a69 !important;
    --calendar-day-highlight: #6c7a69 !important;
    --calendar-day-highlight-hover: #6c7a69 !important;
    --main-nav-button: #6c7a69 !important;
    --main-nav-button-color: #6c7a69 !important;
    --button-background-proceed: #6c7a69 !important;
    --supportcolor1: #6c7a69 !important;
    --button1-background-hover: #5b6659 !important;
    --button2-background-hover: #5b6659 !important;
    --button3-background-hover: #5b6659 !important;
    --link-text-hover: #5b6659 !important;
    --promo-price-color: #5b6659 !important;
    --input-text-hover: #5b6659 !important;
    --input-border-hover: #5b6659 !important;
    --filter-category-button-color: #5b6659 !important;
}

/* ZAOKRĄGLENIA */

/* Główne przyciski akcji (np. "Rezerwuj", "Dalej") */
.btn,
.btn-primary,
.formbutton,
.ido-main-button,
.btn-reverse,
.btn-alternative,
.news-item .btn,
.accommodation-reservation,
button { 
    border-radius: 30px !important; /* Łagodne zaokrąglenie */
}
/* OKIENKA */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
textarea,
select {
    border-radius: 30px !important; /* Nieco mniejsze zaokrąglenie niż przyciski */
}
.page-index #iai_book_se form {
    /* Nadpisanie cienia */
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3) !important; 
    
    /* KLUCZOWE: Zaokrąglenie elementu rzucającego cień */
    border-radius: 30px !important; 
}
/* MAPA */
#map_container {
    border-radius: 20px !important; 
    /* Ważne: ukrywa ewentualne ostre krawędzie mapy wystające poza zaokrąglony kontener */
    overflow: hidden !important; 
}

/* ZDJĘCIA */
img {
    border-radius: 20px !important;
}

/* WYKLUCZENIE KWADRATOWYCH ROGÓW */

/* 1. Zdjęcie w sekcji Parallax (Duże zdjęcie na stronie oferty) */
.page-offer .offer-parallax > img {
    border-radius: 0 !important; 
}
.offer-parallax {
    border-radius: 0 !important;
    overflow: visible !important; /* Przywracamy normalne działanie overflow */
}

/* 2. Zdjęcia w specyficznym sliderze (np. galeria w szczegółach oferty) */
.offer_site .multiple-items .slick-slide img {
    border-radius: 0 !important;
}
/* ZMIANA KOLORU TŁA POD NEWSAMI */

/* 1. KONTENER: Przygotowanie elementu do prawidłowego pozycjonowania (CLINCH!) */
.page-index .news-container {
    padding-top: 50px !important;
}

/* 2. PSEUDO-ELEMENT: Stylizacja jako tło, które obejmuje CAŁY kontener */
.page-index div.news-container:before {
    background-color: #D9DFD9 !important; 
}
/* LINIA */
.page-index .big-label {
    /* utrzymanie odstępu (z poprzedniego kroku) */
    margin-bottom: 50px !important; 
    
    /* linia */
    border-bottom: 1px solid #5b6357 !important;
    /* Dodanie wew. wypełnienia żeby linia nie dotykała tekstu nagłówka */
    padding-bottom: 10px !important;
}


.iai-search,
#iai_book_se,
#iai_book_form {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}


#iai_book_form .showlocation.widget__option {
    display: none !important;
}


@media (min-width: 979px) {
    .page-index #iai_book_se form {
        grid-template-columns: repeat(3, 1fr) auto !important;
        justify-content: center !important;
        gap: 15px;
    }
}
#iai_book_se form {
    gap: 15px;
}

/* PRZYCISKI ZAKŁADKI REZERWUJ */

.offer-right.offer-right-bottom .room_rez .accommodation-reservation {
    display: none !important;
}
.directions {
    margin-top: 15px !important; /* Dostosuj wartość (np. 20px) do potrzebnego odstępu */
}

/* STYLIZACJA NOTATKI POD CENĄ DODANEJ PRZEZ JS */
/* Celujemy w główny element span zawierający kwotę */
.offer-price span {
    /* Utrzymujemy dotychczasowe style */
    font-size: 3rem !important;
    padding-left: 5px !important; 

    /* DODANIE LEWEGO MARGINESU, ABY ODSUNĄĆ NOTATKĘ */
    /* Używamy marginesu prawego, aby odsłonić lewą stronę dla notatki */
    margin-right: 20px !important; /* Dostosuj tę wartość (np. 20px) */
}

/* Wzmocniony styl dla samej notatki (aby nie wracała do tej samej linii) */
.offer-price .price-note-pl {
    /* Utrzymujemy display: block, clear: both i font-size: 2rem */
    display: block !important;
    clear: both !important;
    
    font-size: 1.4rem !important; 
    font-weight: 500 !important;
    text-align: right !important;  
    margin-top: 5px !important;
    color: var(--txtcolor1) !important; 
    /* Upewniamy się, że nie ma kolidującego margin-left z poprzednich prób */
    margin-left: initial !important; 
}

/* Jeśli notatka nadal nie chce się łamać, wymuś łamanie na rodzicu */
.offer-price {
    white-space: normal !important;
}

/* ZMIANA NAGŁÓWKÓW "AKTUALNOŚCI" NA "ATRAKCJE*/

/* Zmiana H2 na stronie głównej i H1 na podstronie */
.news-container h2.big-label, 
h1.big-label.line-label, /* Dla pewności, jeśli istnieje nagłówek H1 na głównej */
h1.big-label /* Dla podstrony Aktualności */
{
    /* 1. Wstrzykujemy nowy tekst */
    /* UWAGA: Nagłówek H2 ma klasę line-label, więc działa też linia */
    content: "Atrakcje";
    
    /* 2. Zapewniamy miejsce na treść */
    visibility: hidden;
    position: relative;
    /* Upewniamy się, że linia pod H2 line-label jest zachowana.
       Jeśli H1 lub H2 na podstronie nie mają linii, ten styl jest nieszkodliwy. */
    padding-bottom: 15px !important; 
}


/* Wstrzykujemy nowy tekst widzialnym pseudo-elementem */
.news-container h2.big-label::before, 
h1.big-label.line-label::before,
h1.big-label::before
{
    content: "Atrakcje"; 
    
    /* Nadpisujemy ukrytą widoczność dla samego tekstu */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    
    /* WAŻNE: Wyrównanie i dziedziczenie stylów nagłówka */
    font-family: inherit;
    font-weight: 700;
    font-size: 2.5rem;
    color: inherit;
    text-align: inherit;
}