@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600&family=Open+Sans:wght@400;600;700&display=swap');
html:root{
--breadcrumb-active:#000;--breadcrumb-inactive:#8a8a8a;
--button1-background:#000;--button1-text:#fff;--button1-background-hover:#222;--button1-text-hover:#fff;
--button2-background:#000;--button2-text:#fff;--button2-background-hover:#222;--button2-text-hover:#fff;
--button3-background:#000;--button3-text:#fff;--button3-background-hover:#222;--button3-text-hover:#fff;
--link-text:#000;--link-text-hover:#42BFA7;
--body-background-color:#fff;--body-color:#333;--background-section-color:#fff;--background-text-color:#333;
--promo-price-color:#42BFA7;--cross-price-color:#9a9a9a;--addonprice-text:#fff;--addonprice-background:#000;
--table-text:#333;--table-background:#f4f4f2;
--input-text:#111;--input-background:#fff;--input-border:#d9d9d9;--input-text-hover:#000;--input-border-hover:#42BFA7;--input2-text:#111;--input2-border:#d9d9d9;
--summary-color:#000;--tab-top-1:#000;--tab-top-1-text:#fff;--tab-top-2:#42BFA7;
--calendar-persons-icon:#42BFA7;--calendar-day-highlight:#000;--calendar-day-highlight-color:#fff;--calendar-day-highlight-hover:#42BFA7;--calendar-day-highlight-disabled:#ddd;
--calendar-day-available-day:#e6f6f2;--calendar-day-weekend:#cfeee6;
--button-top-login:#fff;--buttton-top-contact:#fff;--main-nav-bar:#fff;--main-nav-bar-text-color:#111;--main-nav-button:#000;--main-nav-button-color:#000;
--button1-background-hover-active:#fff;--button-background-proceed:#000;--button-background-grey:#999;
--calendar-background-color:#fff;--background-section-color-callendar:#fff;--calendar-text-color:#111;--dark-background-text:#111;--callendar-border-color:#e5e5e5;
--flag-border:#eee;--top-link-promo:#fff;--dark-background-icon:#f4f4f2;
--mainColor:#42BFA7;--supportcolor1:#000;--tile-background:#fff;--subtile-background:#f4f4f2;--subbutton-background:#eee;--subbutton-text:#111;--tile-border:#e8e8e6;--filter-category-button-color:#000;--share-background:#f4f4f2;}
body,.btn,button,input,select,textarea{font-family:'Open Sans',-apple-system,'Segoe UI',Roboto,sans-serif !important;}
h1,h2,h3,h4,.h1,.h2,.h3{font-family:'Onest',sans-serif !important;font-weight:500 !important;color:#111;letter-spacing:-.02em;}
.btn,button.btn,a.btn,.button,[class*="button"] .btn,input[type=submit]{border-radius:32px !important;font-weight:600 !important;letter-spacing:0;text-transform:none;}
.btn-big,.btn-grenade,button.btn-big,[class*="btn-"]:not(.btn-modal-link){border-radius:32px !important;}
.btn-grenade,button.btn-big{background:#000 !important;color:#fff !important;font-weight:600 !important;padding-left:28px;padding-right:28px;}
.btn-grenade:hover,button.btn-big:hover{background:#42BFA7 !important;color:#000 !important;}

/* NOISE-BG */
html:root{--body-background-color:#fdfdfd;--tile-border:rgb(236,236,236);--callendar-border-color:rgb(236,236,236);--input-border:rgb(236,236,236);--input2-border:rgb(236,236,236);}
html,body{background-color:#fdfdfd !important;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4  0 0 0 0 .4  0 0 0 0 .4  0 0 0 .1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>") !important;background-repeat:repeat !important;}
/* SHADOW-BORDERS */
.main.relative.clearfix,.box-nogutter.nav-calendar-summary,.extra-date,input,select.form-control,input.form-control,.pull-right.btn.btn-clear,a.btn.btn-link.btn-big,.aside-container,i.icon-lock,i.icon-calendar,i.icon-wallet{border:0 !important;box-shadow:0 0 0 1px rgb(236,236,236) !important;}
.calendar-menu-from,.calendar-menu-to,.calendar-menu-row.personFilter{border:0 !important;box-shadow:none !important;}
.row.hr-room,.row.hr-room.extra-dates-row,.display_table.footer-info,.rabate_code,.s-label,label{border:0 !important;box-shadow:0 1px 0 0 rgb(236,236,236) !important;}
/* NO-DROP-SHADOW */
.info-box,.calendar-menu-cop,.calendar-menu,section.virtual,.cookie-msg,.white-box,.white-box.signin-dialog,.room-single{box-shadow:0 0 0 1px rgb(236,236,236) !important;text-shadow:none !important;}
/* BLACK-TEXT */
html:root{--body-color:#000;--background-text-color:#000;--table-text:#000;--calendar-text-color:#000;--input-text:#000;--input2-text:#000;--dark-background-text:#000;}
.main :is(p,span,div,label,li,td,th,small,strong,b,em,a,h1,h2,h3,h4,h5,dt,dd):not(.btn):not(.btn *):not(.btn-grenade *),
.nav-calendar-summary :is(p,span,div,label,small,strong,b,a):not(.btn):not(.btn *),
section.virtual :is(p,span,div,label,li,small,strong,b,a,h2,h3):not(.btn):not(.btn *),
.white-box :is(p,span,div,label,li,small,strong,b,a,h2,h3):not(.btn):not(.btn *),
.info-box :is(p,span,div,small,strong,b):not(.btn *),
input,select,textarea,option{color:#000 !important;}
/* TOOLTIP-FIX */
html body span.tooltip-icon.tooltip-icon:not(.x):not(.y){color:#fff !important;}
/* BLACK-ICONS */
section.virtual i::before,section.virtual i:before,.main i[class*=icon]::before,.main i[class*=icon]:before{color:#42BFA7 !important;}
section.virtual svg,section.virtual svg *,.main svg:not(.x) path{fill:#42BFA7 !important;}
/* DATE-BOX-BORDER */
html body .calendar-menu.clearfix,html body .calendar-menu-cop.clearfix,html body .box-nogutter.nav-calendar-summary{border:1px solid #d4d4d4 !important;box-shadow:none !important;}
/* DATE-INNER-BORDERS */
html body .calendar-menu-from.col-lg-3,html body .calendar-menu-to.col-lg-3,html body .calendar-menu-row.personFilter.col-lg-3{border:0 !important;border-right:1px solid #d4d4d4 !important;box-shadow:none !important;}
/* LITEPICKER-FIX */
html body .litepicker .day-item.is-in-range{background:#e6f6f2 !important;color:#000 !important;opacity:1 !important;}
html body .litepicker .day-item.is-start-date,html body .litepicker .day-item.is-end-date{background:#000 !important;color:#fff !important;}
html body .litepicker .day-item:not(.is-locked):not(.is-start-date):not(.is-end-date):not(.is-in-range):hover{background:#e6f6f2 !important;color:#000 !important;box-shadow:none !important;}
/* ROUND-IMAGES */
html body .tinySliderNav{gap:8px !important;margin-top:8px !important;}
html body .tinySliderNav span{display:block !important;border-radius:6px !important;overflow:hidden !important;opacity:1 !important;height:5rem;background:transparent !important;transition:opacity .3s;}
html body .tinySliderNav span img,html body .tinySliderNav img.multi-dialog-img{width:100% !important;height:100% !important;max-height:5rem !important;object-fit:cover !important;border-radius:6px !important;display:block;transition:opacity .3s;}
html body .tinySliderNav span:hover img,html body .tinySliderNav span.--active img{opacity:.7;}
html body .tns-inner,html body .tns-item,html body .tns-item img,html body img.tns-lazy-img{border-radius:8px !important;overflow:hidden !important;}
html body .room-photo,html body .img-full-width,html body .img-full-width img{border-radius:8px !important;overflow:hidden !important;}
/* PHOTO-INSET */
html body .promotion-section.room .room-photo{overflow:visible !important;border-radius:0 !important;background:transparent !important;}
html body .promotion-section.room .room-photo .img-full-width{position:absolute !important;top:8px !important;left:8px !important;right:8px !important;bottom:8px !important;width:auto !important;height:auto !important;border-radius:8px !important;overflow:hidden !important;}
html body .promotion-section.room .room-photo .img-full-width img{border-radius:8px !important;width:100% !important;height:100% !important;object-fit:cover !important;}

/* ===== DOPISKI 2026-10-06: dopisz na koncu istniejacego custom.css, nic nie usuwaj ===== */

/* LOGO-SIZE */
html body .header .logo img,html body .long-main-name.logo img,html body .long-main-link img{height:56px !important;max-height:56px !important;width:auto !important;}
html body .header .logo,html body .long-main-name.logo{display:flex;align-items:center;}

/* DATE-ROW-BORDER */
@media (max-width:1200px){html body .calendar-menu.clearfix > div > :nth-child(n+3){border-top:1px solid #d4d4d4 !important;}html body .calendar-menu.clearfix > div > .calendar-menu-to{border-right:0 !important;}}

/* NO-OFFERS-ALERT */
html body .no-offers-alert{border-top-color:#F15D62 !important;}
html body .no-offers-alert h3{color:#F15D62 !important;}

/* TOOLTIP-TEXT */
html body .tooltip-wrapper.tooltip-wrapper .tooltip-desc.tooltip-desc:not(.x):not(.y):not(.z),
html body .tooltip-wrapper.tooltip-wrapper .tooltip-desc.tooltip-desc:not(.x):not(.y):not(.z) *{color:#fff !important;}

/* SUMMARY-BOX: okno "Wybrany termin" 8px nizej, rogi jak w polu dat */
html body header .box-nogutter.nav-calendar-summary{margin-top:8px !important;border-radius:10px !important;}

/* MODAL-BUTTONS-HOVER: okno "Wybrano". ID jest potrzebne, bo IdoBooking ma wlasna regule z #multi-dialog-room i !important */
html body #multi-dialog-room .buttons button.btn-grenade.close-dialog:hover{background:#42BFA7 !important;color:#fff !important;}
html body #multi-dialog-room .buttons button.btn-grenade.btn-proceed-in-room-box{background:#42BFA7 !important;color:#fff !important;}
html body #multi-dialog-room .buttons button.btn-grenade.btn-proceed-in-room-box:hover{background:#000 !important;color:#fff !important;}
/* bez animacji zmiany koloru: stan od razu jest taki, jaki ma byc (IdoBooking daje domyslnie 0.3s) */
html body #multi-dialog-room .buttons button.btn-grenade{transition:none !important;}

/* ROOM-GUESTS-FIELDS: pola Dorosli i Dzieci (plus/minus) w oknie "Wybrano": biale, szary border */
html body #multi-dialog-room .room.item .clr_number button.number_down,
html body #multi-dialog-room .room.item .clr_number button.number_up{background:#fff !important;border:1px solid #d4d4d4 !important;box-shadow:none !important;}
html body #multi-dialog-room .room.item .clr_number button.number_down:hover,
html body #multi-dialog-room .room.item .clr_number button.number_up:hover{background:#f4f4f2 !important;}
html body #multi-dialog-room .room.item .clr_number .input-wrapper{background:#fff !important;}
html body #multi-dialog-room .room.item .clr_number input.number_input{background:#fff !important;border:1px solid #d4d4d4 !important;border-left-width:0 !important;border-right-width:0 !important;box-shadow:none !important;}

/* PERSON-LABEL-LINE: bez linii pod napisami Dorosli / Dzieci (to byl box-shadow z reguly SHADOW-BORDERS dla label) */
html body #multi-dialog-room label.person-label{box-shadow:none !important;}

/* ROOM-LABEL: napis "Apartament 1" w jednej linii, pola juz go nie zakrywaja */
html body #multi-dialog-room .room.item .room-label-wrapper{flex:0 0 auto !important;width:auto !important;white-space:nowrap;padding-right:8px;}
html body #multi-dialog-room .room.item > .item:not(.room-label-wrapper){flex:1 1 0;min-width:0;}

/* PROCEED-BTN-HOVER: przycisk "Przejdz dalej" (krok 2): mietowy, hover czarny, napis bialy */
html body #to_pre_reservation.btn-proceed{background:#42BFA7 !important;color:#fff !important;}
html body #to_pre_reservation.btn-proceed:hover{background:#000 !important;color:#fff !important;}
/* PROCEED-BTN-BORDER: bez czarnej ramki */
html body #to_pre_reservation.btn-proceed,html body #to_pre_reservation.btn-proceed:hover,html body #to_pre_reservation.btn-proceed:focus,html body #to_pre_reservation.btn-proceed:active{border:0 !important;outline:0 !important;box-shadow:none !important;}

/* FORM-INPUT-BORDER: pola formularza (krok 3): border 1px #d4d4d4 jak w polu dat, bez cienia */
html body .form-group input.form-control,html body .form-group select.form-control,html body .form-group input[type=text],html body .form-group input[type=email],html body .form-group input[type=tel]{border:1px solid #d4d4d4 !important;box-shadow:none !important;}

/* FORM-LABEL-LINE: bez linii pod napisami nad polami (box-shadow z reguly SHADOW-BORDERS dla label zachodzil na gorny border pola) */
html body .form-group > label{box-shadow:none !important;}

/* REQUIRED-STAR: gwiazdki w polach wymaganych */
html body .form-group.required::after{color:#F15D62 !important;}

/* REQUIRED-STAR-CHECKBOX: gwiazdka przy checkboxie regulaminu */
html body label > em:not(.x):not(.y):not(.z){color:#F15D62 !important;}

/* LOGIN-BTN-SWAP: "Mam juz konto" (krok 3): mietowy, hover czarny, napis bialy */
html body a.btn.btn-grenade.show-login_container{background:#42BFA7 !important;color:#fff !important;}
html body a.btn.btn-grenade.show-login_container:hover{background:#000 !important;color:#fff !important;}

/* STEP3-PROCEED-BTN: "Przejdz dalej" (krok 3): mietowy, hover czarny, napis bialy, bez ramki */
html body button.btn.btn-primary.without-registration-submit{background:#42BFA7 !important;color:#fff !important;border:0 !important;outline:0 !important;box-shadow:none !important;}
html body button.btn.btn-primary.without-registration-submit:hover{background:#000 !important;color:#fff !important;}

/* STEP4-SUBMIT-BTN: "Zloz zamowienie" (krok 3 z 4, strona pre-reservation): mietowy, hover czarny, napis bialy, bez ramki */
html body .add-summary .btn-actions button.btn.btn-primary[type=submit]{background:#42BFA7 !important;color:#fff !important;border:0 !important;outline:0 !important;box-shadow:none !important;}
html body .add-summary .btn-actions button.btn.btn-primary[type=submit]:hover{background:#000 !important;color:#fff !important;}

/* BOOKING-LABEL-ALIGN: krok 3 z 4 (pre-reservation): podkreslenia pod naglowkami na tej samej wysokosci. Rzad 1 = 58px (naglowek "Dane osoby..." ma 2 linie), rzad 2 = 39px */
html body .booking-details > form > .row:nth-child(3) .s-label.mid{box-sizing:border-box;min-height:58px;display:flex;align-items:flex-end;}
html body .booking-details > form > .row:nth-child(4) .s-label.mid{box-sizing:border-box;min-height:39px;}

/* RESERVATION-ACCEPTED: napis "Rezerwacja jest przyjeta" i gorna linia na stronie potwierdzenia: mietowe */
html body section.return-info.status_accepted h3{color:#42BFA7 !important;}
html body section.return-info.status_accepted{border-top-color:#42BFA7 !important;}

/* MODAL-FONT: okno "Wiecej informacji" (zdjecie obiektu): tekst 15px zamiast 12px, interlinia 1.6. Czcionka to juz Open Sans */
html body .modal-inner-container.modal-room{font-size:15px !important;line-height:1.6 !important;}

/* AMENITIES: udogodnienia w miejscu noclegowym: bez szarego tla, miętowe check-pointy */
html body ul.amenities > li{background:transparent !important;}
html body ul.amenities > li::before{color:#42BFA7 !important;}

/* IKONY: wlasny zestaw Mojito (siatka 50, kreska 3.6, zaokraglone konce). Kolor ikon = --mainColor */
html:root{
--ib-guests:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='19' cy='15' r='8'/%3E%3Cpath d='M4 43 c0 -9 6 -14 15 -14 s15 5 15 14 Z'/%3E%3Cpath d='M32 8.2 a7 7 0 0 1 0 13.6'/%3E%3Cpath d='M38 30 c5.5 1.5 8 6 8 13'/%3E%3C/svg%3E");
--ib-area:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='38' height='38' rx='4'/%3E%3Cpath d='M6 25 H26 V44'/%3E%3C/svg%3E");
--ib-door:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 44 V8 a2 2 0 0 1 2 -2 H36 a2 2 0 0 1 2 2 V44'/%3E%3Cpath d='M6 44 H44'/%3E%3Cpath d='M30 26 V26.5'/%3E%3C/svg%3E");
--ib-bed:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8 V43'/%3E%3Cpath d='M4 39 H46 V43'/%3E%3Cpath d='M8 39 V32 a4 4 0 0 1 4 -4 H42 a4 4 0 0 1 4 4 V39'/%3E%3Crect x='11' y='19' width='14' height='9' rx='4.5'/%3E%3C/svg%3E");
--ib-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='42' height='30' rx='5'/%3E%3Cpath d='M4 20 H46'/%3E%3Cpath d='M11 32 H20'/%3E%3C/svg%3E");
--ib-calclock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='9' width='40' height='36' rx='5'/%3E%3Cpath d='M5 20 H45'/%3E%3Cpath d='M15 4 V13 M35 4 V13'/%3E%3Ccircle cx='25' cy='33' r='6'/%3E%3Cpath d='M25 30 V33 H28'/%3E%3C/svg%3E");
--ib-calx:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='9' width='40' height='36' rx='5'/%3E%3Cpath d='M5 20 H45'/%3E%3Cpath d='M15 4 V13 M35 4 V13'/%3E%3Cpath d='M20 27 L30 38 M30 27 L20 38'/%3E%3C/svg%3E");
--ib-filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8 H45 L30 26 V42 L20 38 V26 Z'/%3E%3C/svg%3E");
--ib-help:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='25' cy='25' r='20'/%3E%3Cpath d='M19 20 a6 6 0 1 1 9 5 c-2 1.5 -3 2.5 -3 5'/%3E%3Cpath d='M25 36 V36.5'/%3E%3C/svg%3E");
--ib-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='38' cy='10' r='6'/%3E%3Ccircle cx='12' cy='25' r='6'/%3E%3Ccircle cx='38' cy='40' r='6'/%3E%3Cpath d='M17.5 22 L32.5 13 M17.5 28 L32.5 37'/%3E%3C/svg%3E");
}

html body .room-item-details i.room-item-user-icon-more,
html body .room-item-details i.icon-bed,
html body .addons-in-offer i.icon-credit-card,
html body .addons-in-offer i.icon-map_out,
html body .addons-in-offer i.icon-cross,
html body .room-item-details svg[width="16px"][height="15px"],
html body .room-item-details svg[width="15px"][height="20px"],
html body .filterFilterContainer > svg{display:inline-block;background:var(--mainColor);vertical-align:middle;font-size:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
html body .room-item-details i.room-item-user-icon-more::before,
html body .room-item-details i.icon-bed::before,
html body .addons-in-offer i.icon-credit-card::before,
html body .addons-in-offer i.icon-map_out::before,
html body .addons-in-offer i.icon-cross::before{content:none !important;}
html body .room-item-details svg[width="16px"][height="15px"] *,
html body .room-item-details svg[width="15px"][height="20px"] *,
html body .filterFilterContainer > svg *{display:none !important;}
html body .room-item-details i.room-item-user-icon-more{width:18px;height:18px;-webkit-mask-image:var(--ib-guests);mask-image:var(--ib-guests);}
html body .room-item-details svg[width="16px"][height="15px"]{width:18px;height:18px;-webkit-mask-image:var(--ib-area);mask-image:var(--ib-area);}
html body .room-item-details svg[width="15px"][height="20px"]{width:18px;height:18px;-webkit-mask-image:var(--ib-door);mask-image:var(--ib-door);}
html body .room-item-details i.icon-bed{width:18px;height:18px;-webkit-mask-image:var(--ib-bed);mask-image:var(--ib-bed);}
html body .addons-in-offer i.icon-credit-card{width:20px;height:20px;-webkit-mask-image:var(--ib-card);mask-image:var(--ib-card);}
html body .addons-in-offer i.icon-map_out{width:20px;height:20px;-webkit-mask-image:var(--ib-calclock);mask-image:var(--ib-calclock);}
html body .addons-in-offer i.icon-cross{width:20px;height:20px;-webkit-mask-image:var(--ib-calx);mask-image:var(--ib-calx);}
html body .filterFilterContainer > svg{width:20px;height:20px;-webkit-mask-image:var(--ib-filter);mask-image:var(--ib-filter);}
html body .tooltip-wrapper .tooltip-icon.tooltip-icon{font-size:0 !important;color:transparent !important;background:#000 !important;border:0 !important;border-radius:0 !important;width:15px;height:15px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--ib-help);mask-image:var(--ib-help);}
html body a.room-link-share > img{width:20px;height:20px;object-fit:none;object-position:-9999px 0;background:#000;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--ib-share);mask-image:var(--ib-share);}
/* SOCIAL-ICONS: ikony PayPal / Facebook / Google w oryginalnych kolorach (kolejnosc przyciskow: PayPal, Facebook, Google) */
html body .social-dialog > a.btn-clear > img{width:20px !important;height:20px !important;object-fit:none;object-position:-9999px 0;background-repeat:no-repeat;background-position:center;background-size:contain;}
html body .social-dialog > a.btn-clear:nth-child(1) > img{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23009CDE' d='M9.2 5.2h6c2.9 0 4.4 1.5 3.9 4.2-.6 3.4-2.800 4.800-6 4.800h-1.800l-.8 5.200H7.200z' transform='translate(1.400 0)'/%3E%3Cpath fill='%23003087' d='M6.400 2h6.200c3 0 4.600 1.600 4 4.400-.6 3.500-2.900 5-6.200 5H8.600l-.9 5.800H3.800z'/%3E%3C/svg%3E");}
html body .social-dialog > a.btn-clear:nth-child(2) > img{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231877F2' d='M13.6 22v-8.4h2.8l.5-3.4h-3.3V8.1c0-1 .5-1.8 1.9-1.8h1.5V3.4c-.3 0-1.3-.1-2.4-.1-2.5 0-4.2 1.5-4.2 4.3v2.6H7.600v3.4h2.800V22h3.200z'/%3E%3C/svg%3E");}
html body .social-dialog > a.btn-clear:nth-child(3) > img{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E");}


/* ===== DOPISEK 2 2026-10-06: FONT-OPEN-SANS, FONT-SIZE-UP, COOKIE-SPACING, BOOKING-LABEL-LINE-SPACE ===== */
/* FONT-OPEN-SANS: wszystkie teksty w Open Sans (trescia i daty; naglowki h1-h4 zostaja w Onest). Ikony (i, svg) bez zmian */
html body *:not(i):not(svg):not(svg *):not(.leaflet-container *):not(h1):not(h2):not(h3):not(h4):not(.h1):not(.h2):not(.h3){font-family:'Open Sans',-apple-system,'Segoe UI',Roboto,sans-serif !important;}
/* FONT-SIZE-UP: male teksty 11-12px -> 14px, przyciski 13px -> 14px */
html body .btn-nav,html body .btn-nav em,html body .calendar-menu-from > span,html body .calendar-menu-to > span,html body .calendar-menu-row.personFilter span,html body .calendar-menu-month,html body .calendar-menu-year,html body .number_of_persons_txt,html body .bread-crumb-item,html body .return-info p,html body .room-item-details-element,html body .hr-room,html body .extra-date,html body .static_links_room a,html body .cookie-msg-text,html body .cookie-msg-text a,html body .footer-info div{font-size:14px !important;}
html body .btn.btn-primary,html body button.btn-big,html body .btn-big{font-size:14px !important;}
/* COOKIE-SPACING: pasek cookies z oddechem: interlinia 1.7 (bylo 12px), wiekszy padding */
html body .cookie-msg .cookie-msg-text{line-height:1.7 !important;padding:16px 56px 16px 20px !important;}
html body .cookie-msg .cookie-msg-button{margin:16px 16px 0 0 !important;}
/* BOOKING-LABEL-LINE-SPACE: linie pod naglowkami (Dane rezerwujacego, Planowana godzina...) 4px nizej, rowno: wiersz 1 = 62px, wiersz 2 = 43px */
html body .booking-details > form > .row:nth-child(3) .s-label.mid{min-height:62px !important;padding-bottom:4px !important;}
html body .booking-details > form > .row:nth-child(4) .s-label.mid{min-height:43px !important;padding-bottom:4px !important;}


/* ===== DOPISEK 3 2026-10-06: pola +/- na kroku 2 oraz poprawki mobilne ===== */
/* ROOM-GUESTS-STEP2: pola Dorosli / Dzieci z plusem i minusem na kroku 2 (komputer i telefon): biale, szary border, jak w oknie Wybrano */
html body .add_reservation_number button.btn_down,html body .add_reservation_number button.btn_up{background:#fff !important;border:1px solid #d4d4d4 !important;box-shadow:none !important;}
html body .add_reservation_number button.btn_down:hover,html body .add_reservation_number button.btn_up:hover{background:#f4f4f2 !important;}
html body .add_reservation_number input.btn_input{background:#fff !important;border:1px solid #d4d4d4 !important;border-left-width:0 !important;border-right-width:0 !important;box-shadow:none !important;}
/* poprawki mobilne (szerokosc do 767px) */
/* MOBILE-PHOTO: zdjecie obiektu nie przykrywa juz tytulu, ikon i ceny (regula PHOTO-INSET stawiala je absolutnie, a na telefonie kontener mial wysokosc 0) */
@media (max-width:767px){
html body .promotion-section.room .room-photo{height:auto !important;padding:8px 8px 0 8px !important;box-sizing:border-box;}
html body .promotion-section.room .room-photo .img-full-width{position:static !important;width:100% !important;height:auto !important;display:block;}
html body .promotion-section.room .room-photo .img-full-width img{height:auto !important;max-height:260px;object-fit:cover !important;}
/* MOBILE-OVERFLOW: komunikat "Brak dostepnych ofert" wystawal 5px poza ekran */
html body section.return-info.row{margin-left:0 !important;margin-right:0 !important;}
/* MOBILE-COOKIE: pasek cookies na telefonie: szerszy tekst */
html body .cookie-msg .cookie-msg-text{width:calc(100% - 44px) !important;padding:14px 8px 14px 14px !important;box-sizing:border-box;}
html body .cookie-msg .cookie-msg-button{margin:14px 12px 0 0 !important;}
}

/* ===== DOPISEK 4 (2026-10-10): widok wyboru oferty ===== */
/* BTN-HOVER-MINT: Wyszukaj ponownie i Dostosuj termin */
html body a.btn.btn-primary:not(.btn-proceed),
html body button.btn-big.btn-grenade{transition:background-color .3s,color .3s;color:#fff!important}
html body a.btn.btn-primary:not(.btn-proceed):hover,
html body a.btn.btn-primary:not(.btn-proceed):focus,
html body button.btn-big.btn-grenade:hover,
html body button.btn-big.btn-grenade:focus{background-color:#42BFA7!important;border-color:#42BFA7!important;color:#fff!important}
/* OFFER-TITLE-SPACE */
html body .room-item-details-col .room-name-container{margin-bottom:8px!important}
html body .room-item-details-col .free-items{padding-bottom:12px!important}
/* PROMO-NAME-LINE */
html body .promotion-name-addons a.promotion-name{display:inline-block!important;margin-bottom:14px!important;text-decoration-line:underline!important;text-decoration-color:#000!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important}
/* TOOLTIP-OVERFLOW */
html body section.printItemRow.animate-photo{overflow:visible!important}
html body section.printItemRow.animate-photo:hover{z-index:20}
/* SELECT-BTN-SPACE */
html body .virOfferPriceBut .offer-checkbox-wrapper{margin-top:10px!important}

/* BOOK-BTN-LABEL: Pokaż oferty -> Rezerwuj (tylko gdy karta zwinięta) */
html body section.printItemRow:not(:has(section.promotion-item)) button.room-item-button-cont{font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;padding-left:0!important;padding-right:0!important;min-width:118px;vertical-align:middle}
html body section.printItemRow:not(:has(section.promotion-item)) button.room-item-button-cont::after{content:"Book";font-size:14px;display:block;line-height:1;text-align:center;white-space:nowrap}
/* BOOK-BTN-COLORS: mięta, hover czarny */
html body button.btn-big.btn-grenade.room-item-button-cont{background-color:#42BFA7!important;border-color:#42BFA7!important;color:#fff!important}
html body button.btn-big.btn-grenade.room-item-button-cont:hover,
html body button.btn-big.btn-grenade.room-item-button-cont:focus{background-color:#000!important;border-color:#000!important;color:#fff!important}

/* BOOK-BTN-COLORS fix: fokus nie zmienia koloru, tylko hover */
html body button.btn-big.btn-grenade.room-item-button-cont:focus:not(:hover){background-color:#42BFA7!important;border-color:#42BFA7!important;color:#fff!important}

/* CAL-LOCKED-TOOLTIP */
html body .litepicker .day-item.is-locked{position:relative}
html body .litepicker .day-item.is-locked:not(.is-today):hover::after{content:"Date unavailable";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#000;color:#fff;font-size:12px;line-height:1.2;padding:6px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:50}

/* IKONA-PARKING */
html:root{--ib-parking:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='38' height='38' rx='8'/%3E%3Cpath stroke-width='5.2' d='M19 37 V13 H27.500 a9 9 0 0 1 0 18 H19'/%3E%3C/svg%3E");}
html body .room-item-details i.icon-parking{display:inline-block;background:var(--mainColor);vertical-align:middle;font-size:0;width:18px;height:18px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--ib-parking);mask-image:var(--ib-parking);}
html body .room-item-details i.icon-parking::before{content:none !important;}

/* SEARCH-AGAIN-BTN-SPACE */
html body p > a.btn.btn-primary:not(.btn-proceed){margin-top:16px!important}

/* ADDON-SELECT-BTN: wybierz -> dodaj, mięta, zaokrąglone rogi, hover czarny */
html body label.select-option{background-color:#42BFA7!important;border-radius:20px!important;min-width:76px;box-sizing:border-box;text-align:center;transition:background-color .3s}
html body label.select-option:hover{background-color:#000!important}
html body label.select-option .select-option-1{font-size:0!important}
html body label.select-option .select-option-1::after{content:"add";font-size:12px;line-height:17px}

/* MOBILE-HEADER-ALIGN */
@media (max-width:767px){
html body .long-main-name.logo a.long-main-link{text-align:left!important;justify-content:flex-start!important}
html body .long-main-name.logo a.home-icon{top:50%!important;transform:translateY(calc(-50% + 2px))!important}
}

/* MOBILE-OFFER-LINKS */
@media (max-width:767px){
html body .room-item-button .static_links_room:has(.room-link-share){align-self:flex-start!important}
html body .room-item-button a.room-link-share{height:auto!important;margin-top:0!important;margin-left:-1px!important}
html body .room-item-button .links_group .room_buttons{padding-top:12px!important}
}

/* MOBILE-CALENDAR-1MONTH */
@media (max-width:767px){
html body .litepicker .container__months.columns-2 .month-item:nth-child(n+2){display:none!important}
html body .litepicker .container__months.columns-2 .month-item:first-child .button-next-month,
html body .litepicker .container__months.columns-2 .month-item:first-child .button-previous-month{visibility:visible!important}
html body .litepicker .container__months.columns-2 .month-item:first-child.no-previous-month .button-previous-month{visibility:hidden!important}
html body .litepicker .container__months.columns-2{width:auto!important}
}

/* MOBILE-SELECT-BTN-BOTTOM */
@media (max-width:767px){
html body .virOfferPriceBut .offer-checkbox-wrapper{margin-bottom:14px!important}
}

/* MOBILE-NO-LIGHTBOX */
@media (max-width:767px){
html body ul.tinySlider.tns-slider li a{pointer-events:none!important;cursor:default!important}
}
/* MOBILE-SWIPE-HINT */
@media (max-width:767px){
html body .tns-outer:has(ul.tinySlider){position:relative}
html body .tns-outer:has(ul.tinySlider)::after{content:"";position:absolute;top:calc(50% - 20px);right:10px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.88) url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2050%2050'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'3.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%209%20H40%20M16%203.5%20L10%209%20L16%2014.5%20M34%203.5%20L40%209%20L34%2014.5'%2F%3E%3Cpath%20transform%3D'translate(7%2011)%20scale(.74)%20rotate(-18%2025%2025)'%20d%3D'M19%2028%20V12%20a3.2%203.2%200%200%201%206.4%200%20V25%20M25.4%2023%20a3.2%203.2%200%200%201%206.4%200%20V26%20M31.8%2025%20a3.2%203.2%200%200%201%206.2%201%20V34%20c0%206%20-4%2010%20-10%2010%20h-4%20c-3%200%20-5%20-1.5%20-7%20-4%20L11%2031%20a3%203%200%200%201%204.6%20-3.8%20L19%2032'%20stroke-width%3D'4.9'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/30px 30px no-repeat;box-shadow:0 1px 4px rgba(0,0,0,.25);pointer-events:none;z-index:5}
}

/* PROCEED-BTN-LABEL */
html body button.btn-proceed-in-room-box{font-size:0!important;display:flex!important;align-items:center;justify-content:center}
html body button.btn-proceed-in-room-box::after{content:"BOOK";font-size:14px;line-height:1;display:block;text-align:center;white-space:nowrap}

/* MOBILE-MENU-STYLE */
@media (max-width:767px){
html body aside .aside-container{padding-top:12px!important}
html body aside a.btn-aside-phone,html body aside a.btn-aside-email,html body aside a.btn-aside-map,html body aside a.btn-aside-link{background-color:#42BFA7!important;border-color:#42BFA7!important;color:#fff!important;transition:background-color .3s}
html body aside a.btn-aside-phone:hover,html body aside a.btn-aside-email:hover,html body aside a.btn-aside-map:hover,html body aside a.btn-aside-link:hover,html body aside a.btn-aside-phone:active,html body aside a.btn-aside-email:active,html body aside a.btn-aside-map:active,html body aside a.btn-aside-link:active{background-color:#000!important;border-color:#000!important}
html body aside .aside-container label{text-transform:uppercase;font-size:12px!important;letter-spacing:.08em;color:#666!important;margin-top:8px}
html body aside select.form-control{border-radius:20px!important;height:40px!important}
html body aside li.btn-login,html body aside li.btn-contact,html body aside li.btn-mobile-language{border:1px solid #d9d9d9!important;margin:0 10px 8px!important;box-sizing:border-box!important;background-color:#fff!important;padding:0 14px!important}
html body aside .aside-container ul li.btn-login,html body aside .aside-container ul li.btn-contact,html body aside .aside-container ul li.btn-mobile-language{border-radius:20px!important;overflow:hidden}
html body aside li.btn-mobile-language.active-aside-btn{border-color:#42BFA7!important;background-color:#E8F7F4!important}
}

/* MOBILE-MENU-LANG-SPACING */
@media (max-width:767px){
html body aside li.btn-mobile-language.lang-pl{margin-top:12px!important}
}

/* MOBILE-HAMBURGER-ICON */
@media (max-width:767px){
html body .long-main-name.logo a.home-icon span{display:none!important}
html body .long-main-name.logo a.home-icon i.icon-menu{width:32px!important;height:32px!important;display:block!important;background-color:#000;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20448%20512'%3E%3Cpath%20d%3D'M16%20132h416c8.837%200%2016-7.163%2016-16V76c0-8.837-7.163-16-16-16H16C7.163%2060%200%2067.163%200%2076v40c0%208.837%207.163%2016%2016%2016zm0%20160h416c8.837%200%2016-7.163%2016-16v-40c0-8.837-7.163-16-16-16H16c-8.837%200-16%207.163-16%2016v40c0%208.837%207.163%2016%2016%2016zm0%20160h416c8.837%200%2016-7.163%2016-16v-40c0-8.837-7.163-16-16-16H16c-8.837%200-16%207.163-16%2016v40c0%208.837%207.163%2016%2016%2016z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20448%20512'%3E%3Cpath%20d%3D'M16%20132h416c8.837%200%2016-7.163%2016-16V76c0-8.837-7.163-16-16-16H16C7.163%2060%200%2067.163%200%2076v40c0%208.837%207.163%2016%2016%2016zm0%20160h416c8.837%200%2016-7.163%2016-16v-40c0-8.837-7.163-16-16-16H16c-8.837%200-16%207.163-16%2016v40c0%208.837%207.163%2016%2016%2016zm0%20160h416c8.837%200%2016-7.163%2016-16v-40c0-8.837-7.163-16-16-16H16c-8.837%200-16%207.163-16%2016v40c0%208.837%207.163%2016%2016%2016z'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
html body .long-main-name.logo a.home-icon i.icon-menu::before{content:none!important}
}
