/*
Theme Name: Seafarer Child
Theme URI: https://seafarer.qodeinteractive.com
Description: A child theme of Seafarer
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: seafarer
Template: seafarer
*/


/* wlasne logo - laduje jako svg przez opcje szablonu
.qodef-header-logo-link {
    background: url(https://gorskaosada.com/wp-content/uploads/2024/08/Logo_grafika.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 80px; 
    height: auto; 
	margin-bottom: 5px;	
	text-indent: -9999px;  Ukrycie tekstu wewnątrz linku  
}*/

   
 .qodef-mobile-header-logo-link {
        background: var(--wpr-bg-aea6b7cc-dd6e-4fde-ab6b-e48a93f414d2) no-repeat !important;
        background-size: contain !important;
        display: block !important;
		 width: 236px !important;
		height: 60px !important;
		margin-left:-25px;
	    padding-left:0px;
		/*filter: brightness(0.7);*/
		opacity: 1;
		text-indent: -9999px; /* Ukrycie tekstu wewnątrz linku */
    } 

/*
.qodef-header-logo-link img {
    display: none; /* Ukryj obecny obrazek 
}*/






/* Nadpisuje style H */
/* Styl H3 jako H1 */
.qodef-h3, h3 {
  font-family: "Cormorant Upright", serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  font-size: 63px;  /* Zmieniono na rozmiar H1 */
  line-height: 0.95em;  /* Zmieniono na line-height H1 */
  letter-spacing: 0.05em;
  font-weight: 500;
  margin: 25px 0;
}

.qodef-h3 a, h3 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
}

.qodef-h3 a:focus, .qodef-h3 a:hover, h3 a:focus, h3 a:hover {
  color: var(--qode-main-color);
}

/* Styl H2 jako H6 */
.qodef-h2, h2 {
  text-transform: uppercase;
  color: #000;
  font-size: 15px !important;  /* Zmieniono na rozmiar H6 */
  line-height: 1.54em;  /* Zmieniono na line-height H6 */
  font-family: Inconsolata, monospace;  /* Dodano font-family z H6 */
  letter-spacing: 0.25em;  /* Zmieniono na letter-spacing H6 */
  font-weight: 500;
  margin: 25px 0;
}

.qodef-h2 a, h2 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
}

.qodef-h2 a:focus, .qodef-h2 a:hover, h2 a:focus, h2 a:hover {
  color: var(--qode-main-color);
}

/* powiekszam H6 z 13 px */
.qodef-h6, h6 {
  font-size: 14px !important;  
}

/* Responsywność dla H3 jako H1 */
@media only screen and (max-width: 680px) {
  .qodef-h3, h3 {
    font-size: 44px;  /* Zmieniono na responsywny rozmiar H1 */
  }
}
/* Responsywność dla H2 jako H6 */
@media only screen and (max-width: 680px) {
  .qodef-h2, h2 {
    font-size: 15px;  /* Utrzymano responsywny rozmiar H6 */
  }
}
/* koniec /// Nadpisuje style H /// koniec */




/* Iframe - bedzie sie dobrze skalowało na szerokosc i wysokosc  */
/* Styl kontenera iframe */
.iframe-container {
    width: 100%;
	height: 100%;
	overflow: hidden;  
}

/* Styl iframe */
.responsive-iframe {
    width: 100%;
    border: none;
    min-height: calc(100vh - 32px); /* Dodaję wysokość na pasek WordPressa 	
	/* height: 100%;  ta wartosc psuje wysokosc okna iframe - pojawia się pasek przewijania */
	border: none; /* Optional: remove the border for a cleaner look */
    margin-top: -20px; /* Negative margin to shift content upwards */
}







/* chalet-tabs - wlasne */
/* General styles for tabs */
.tabs {
    display: flex;
    flex-direction: column;
    margin-top: 0px;	
}

.tab-titles {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center; /* Centrowanie zakładek */
    margin-bottom: 1em;
    max-width: 100%; /* Maksymalna szerokość */
    margin: 0 auto; /* Wycentrowanie menu */
	
	border-bottom: 1px solid #e9eee9; /*podkreslenie jasno-szare pod calym menu (zakladkami) */
	padding-bottom:18px; /* odleglosc tego podkreslenia */
}

.tab-title {
    cursor: pointer;
    padding: 0.5em 1em;
    background: none;
    border: none;
    margin-left: 2em; /* odleglosci miedzy zakladkami */
	margin-right: 2em; /* odleglosci miedzy zakladkami */
    color: #000;
}

.tab-title.active,
.tab-title:hover { /* Styl na hover */
    background: none;
    border: none;
    color: #bfa888;
    border-bottom: 1px solid #bfa888;	
}

.tab-contents {
    display: flex;
    flex-direction: column;
}

.tab-content {
    display: none;
    padding: 1em;
    
}

.tab-content.active {
    display: block;
}

.iframe-container {
    width: 100%;
    height: 100%;
}

.responsive-iframe {
    width: 100%;
    border: none;
    min-height: calc(100vh - 32px);
}

@media only screen and (max-width: 768px) {
    .tab-titles {
        flex-direction: column;
        margin-bottom: 1em;
        
		justify-content: center; /* Centrowanie zakładek */
		max-width: 100%; /* Maksymalna szerokość */
		margin: 0 auto; /* Wycentrowanie menu */
	}	

    .tab-title {
        margin-right: 0;
        margin-bottom: 0.5em;
        width: 100%;
        cursor: pointer;
        padding: 0.5em 1em;
        background: #021527;
        border: 1px solid #fff;
        color: #fff;
		margin-left: 0em; /* odleglosci miedzy zakladkami */
	    margin-right: 0em; /* odleglosci miedzy zakladkami */
    }

    .tab-title.active,
    .tab-title:hover { /* Dodano styl na hover dla urządzeń mobilnych */
        background: none;
        border: 1px solid #021527;
        color: #021527;
    }
}
@media only screen and (min-width: 769px) and (max-width: 784px) {
	 .tab-title {
       	margin-left: 0.3em; /* odleglosci miedzy zakladkami */
	    margin-right: 0.3em; /* odleglosci miedzy zakladkami */
    }
}
@media only screen and (min-width: 785px) and (max-width: 844px) {
	 .tab-title {
       	margin-left: 0.5em; /* odleglosci miedzy zakladkami */
	    margin-right: 0.5em; /* odleglosci miedzy zakladkami */
    }
}
@media only screen and (min-width: 845px) and (max-width: 964px) {
	 .tab-title {
       	margin-left: 1em; /* odleglosci miedzy zakladkami */
	    margin-right: 1em; /* odleglosci miedzy zakladkami */
    }
}
/* koniec - chalet-tabs - wlasne */


/* ukrywam title i datę posta na stronie press - single */
.postid-13857 .qodef-e-title.entry-title {
    display: none;
}
.postid-13857 .qodef-e-info {
    display: none;
}




/* wymuszam full - width na wpisach dot. press i offer*/
/* .postid-12345 #qodef-page-inner, */
.postid-33805 #qodef-page-inner,
.postid-33804 #qodef-page-inner,
.postid-28078 #qodef-page-inner,
.postid-28095 #qodef-page-inner,
.postid-28094 #qodef-page-inner,
.postid-28093 #qodef-page-inner,
.postid-28092 #qodef-page-inner,
.postid-28091 #qodef-page-inner,
.postid-28074 #qodef-page-inner,
.postid-28072 #qodef-page-inner,
.postid-28071 #qodef-page-inner,
.postid-28070 #qodef-page-inner,
.postid-28067 #qodef-page-inner,
.postid-28062 #qodef-page-inner,    /* Sylwester */
.postid-28060 #qodef-page-inner,   /* Boze Narodenie PL - od tego momentu w gore - polskie tlumaczenia */
.postid-20597 #qodef-page-inner,
.postid-18834 #qodef-page-inner,
.postid-18813 #qodef-page-inner,
.postid-16445 #qodef-page-inner,
.postid-16416 #qodef-page-inner,
.postid-16398 #qodef-page-inner,
.postid-16386 #qodef-page-inner,
.postid-16373 #qodef-page-inner,
.postid-16357 #qodef-page-inner,
.postid-15244 #qodef-page-inner,
.postid-16312 #qodef-page-inner,
.postid-16292 #qodef-page-inner,
.postid-13857 #qodef-page-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}
/* .postid-12345 #qodef-page-inner .qodef-content-grid, */
.postid-33805 #qodef-page-inner .qodef-content-grid,
.postid-33804 #qodef-page-inner .qodef-content-grid,
.postid-28078 #qodef-page-inner .qodef-content-grid,
.postid-28095 #qodef-page-inner .qodef-content-grid,
.postid-28094 #qodef-page-inner .qodef-content-grid,
.postid-28093 #qodef-page-inner .qodef-content-grid,
.postid-28092 #qodef-page-inner .qodef-content-grid,
.postid-28091 #qodef-page-inner .qodef-content-grid,
.postid-28074 #qodef-page-inner .qodef-content-grid,
.postid-28072 #qodef-page-inner .qodef-content-grid,
.postid-28071 #qodef-page-inner .qodef-content-grid,
.postid-28070 #qodef-page-inner .qodef-content-grid,
.postid-28067 #qodef-page-inner .qodef-content-grid,
.postid-28062 #qodef-page-inner .qodef-content-grid,   /* Sylwester */
.postid-28060 #qodef-page-inner .qodef-content-grid,     /* Boze Narodenie PL - od tego momentu w gore - polskie tlumaczenia */
.postid-20597 #qodef-page-inner .qodef-content-grid,
.postid-18834 #qodef-page-inner .qodef-content-grid,
.postid-18813 #qodef-page-inner .qodef-content-grid,
.postid-16445 #qodef-page-inner .qodef-content-grid,
.postid-16416 #qodef-page-inner .qodef-content-grid,
.postid-16398 #qodef-page-inner .qodef-content-grid,
.postid-16386 #qodef-page-inner .qodef-content-grid,
.postid-16373 #qodef-page-inner .qodef-content-grid,
.postid-16357 #qodef-page-inner .qodef-content-grid,
.postid-15244 #qodef-page-inner .qodef-content-grid,
.postid-16312 #qodef-page-inner .qodef-content-grid,
.postid-16292 #qodef-page-inner .qodef-content-grid,
.postid-13857 #qodef-page-inner .qodef-content-grid {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ukrywa related posts - niepotrzebne - bo wybrany szablon strony full width nie posiada related posts
.postid-16445 #qodef-related-posts,
.postid-16416 #qodef-related-posts,
.postid-16398 #qodef-related-posts,
.postid-16386 #qodef-related-posts,
.postid-16373 #qodef-related-posts,
.postid-16357 #qodef-related-posts,
.postid-15244 #qodef-related-posts,
.postid-16312 #qodef-related-posts,
.postid-16292 #qodef-related-posts,
.postid-13857 #qodef-related-posts {
    max-width: 1400px !important; /* lub inna szerokość, która pasuje do Twojego szablonu 
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex;
    justify-content: center;
	display:none;
}*/


/* nie wiem co to - cos z FlippBook - sadze ze niepotrzebne
.fb3d .fb3d-book .fb3d-pages {
    pointer-events: none;
}*/


/* strzalki polyline w widzecie opinie na stronie glownej i podstronach chalet */
.swiper-button-next.qodef-testimonials-nav polyline,
.swiper-button-prev.qodef-testimonials-nav polyline {
    stroke: #ffffff !important;    
}


/* strzalki polyline w lightbox */
.fslightbox-container polyline  {
    stroke: #bfa888 !important;    
}

/* close x w lightbox */
.fslightbox-container .fslightbox-nav .fslightbox-toolbar-button svg {
    /* fill: #bfa888; kolor złoty dla close x */
    width: 22px; /* wystarczy usunac ten styl a wskoczy oryginalne 17 px */
    stroke: none;
}
/* lista punktacyjna w stronach Chalet - desctription - additional amenities */
ul.custom-list {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;		
}
ul.custom-list li {
    text-indent: -20px;
    padding-left: 20px;	
}
ul.custom-list ul {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;	
}
ul.custom-list ul li {
    text-indent: -20px;
    padding-left: 20px;	
}
/* pozycjonowanie menu na stronach accommodation/Chalet czyli na podstronach dommkow */
.tab-titles {
    display: flex;
    justify-content: flex-center;
    list-style-type: none;    
}
@media (min-width: 1150px) {
     .tab-titles  {
        left:-240px;
      }
    }






/* side area widzet - #block-67 */
#qodef-side-area .widget p{
	color: #d2d2d2;
	font-weight: 300;
}
#qodef-side-area .widget a {
    color: #d2d2d2!important;  
	font-weight: 300 !important;  
}
#qodef-side-area .widget a:hover {
    color: #6b5e4d !important; 
	font-weight: 300 !important; 
}
/* koniec - side area widzet */




/*********** MENU **********/

/* menu - druga lista - chyba i mobilne i desktop */
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li>a {
	font-size:14px;		
}


/* MENU - MOBILNE */
/* znak menu na mobilnych urzadzeniach - kanapka na ciemnym header */
#qodef-page-mobile-header .qodef-mobile-header-opener {
    color: #fff !important;
}
/* Powiększenie obiektu DOM dla linku - znaku kanapki */
.qodef-mobile-header-opener {
    width: 90px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* to samo - czyli powiększenie obiektu DOM dla linku zmkniecia - close - kanapki */
#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close {
	width: 90px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



 /* menu - urzadzenia mobilne - drugi poziom listy */
.qodef-mobile-header-navigation ul li ul li.current-menu-ancestor>a, .qodef-mobile-header-navigation ul li ul li.current-menu-item>a {
	font-size:14px;
	padding-left:30px;
	
}
/* menu - uradzenia mobilne - drugi poziom listy */
.qodef-mobile-header-navigation ul li ul li>a {
    font-size:14px;
	padding-left:30px;
	 /* domyslny kolor jest czarny. Za to kolor złoty color: #bfa888; - domyslnie jest w hover:a */
}
/* .current-menu-item oraz .current_page_item są klasami, które WordPress automatycznie przypisuje aktywnym pozycjom menu  */
/* Styl tylko dla pierwszego poziomu menu: */
.qodef-mobile-header-navigation > ul > li.current-menu-item > a,
.qodef-mobile-header-navigation > ul > li.current_page_item > a {
    color: #000 !important;
    background-color: #bfa888;
    padding: 3px 0 3px 3px;
}
/* Podświetlenie głównej pozycji menu, gdy jedna z pozycji podmenu jest aktywna */
.qodef-mobile-header-navigation ul li.current-menu-ancestor > a {
    color: #000 !important;
    background-color: #bfa888;
    padding: 3px 0 3px 3px;
}
/* Styl tylko dla drugiego poziomu menu: 
.qodef-mobile-header-navigation ul ul li.current-menu-item > a,
.qodef-mobile-header-navigation ul ul li.current_page_item > a {  
} */

.qodef-mobile-header-navigation ul ul li.current-menu-item > a::before,
.qodef-mobile-header-navigation ul ul li.current_page_item > a::before {
    content: "— "; /* Em dash – długi myślnik */
    margin-right: 5px; 
	margin-left:-15px;
    color: #bfa888;  /* Kolor myślnika */
}










/* menu - strzalka do rozwijania na moblinym menu - do poziomu drugiego */
.qodef-mobile-header-navigation ul li .qodef-menu-item-arrow {
	width: 15px;	
}


/* na Tour w rozwijanym menu na komorce strzalka pozycjonuje sie w inny miejscu - ustalam konkretną szerokosc elementu ktory na to wplywa */
.qodef-mobile-header-navigation ul li {  
    width:100%;  
	min-width: 300px;	
}

.qodef-menu-item-arrow {  
  margin-right: 30px;  
	margin-top: -6px !important;
}











/****** kolor list z iloscia lozek i detlami na stronach kolekcji domkow ******/
.qodef-e-basic-info li {
  color: #948168  !important;
  font-weight: 500;
}

/*   button book now po lewej stronie w menu left na desktop*/
#block-197 .wp-block-buttons {
	padding-top:30px;
}
.wp-block-button .wp-block-button__link  {
	padding-top:20px;
}











































/**** ukrywam przycisk Rezzerwuj na stronie 404 ****/
body.error404 .wp-block-button__link {
    display: none;
}



/*********** MENU - koniec **********/




/* likwidowanie niebieskiego tła z Brevo w stopce - tlo prawdopodobnie narzucone w js */
form .sib-email-area input, form .sib-FIRSTNAME-area input {
    background-color: transparent !important;
}
/* zaokraglam moje buttony skork plus button Brevo */
a.qodef-button,
.qodef-button,
#subscribe-button  {
	border-radius: 50px !important;
}
/* buttony na stronach ezerwacyjnych - sprawdz swieta */
#set-easter {
	background-color: #1b4332;
}
#set-easter:hover {
	background-color: #bfa888;
}

#set-holidays {
	background-color: #7A0000;
}
#set-holidays:hover {
	background-color: #bfa888;
}
#set-today,
#set-new-year-6,
#set-new-year-7,
#set-new-year-10 {
	/* background-color: #948168; */
	padding-left:30px;
	padding-right:30px;
	margin-top:1px;
}
/* buttony w KW - widzetach rezerwacyjnych */
#dateFilter,
#dateFilter-vertical {
	border-radius: 50px !important;
}


/**************************************************************************************   mobilne menu i header   ***************************************************************************************************************/

/*  zmieniam kolory header - paska z logo i hamburgerem na mobilnych */
.qodef-mobile-header--standard #qodef-page-mobile-header
 {
    /*background-color: rgb(1, 12, 22);*/
	background-color: rgb(1, 12, 22, 0.85) /*rgba(13, 13, 13, 0.85)*/ !important;
    backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	  -webkit-backdrop-filter: blur(2px); /* dla Safari */
}



/*  zmieniam kolory menu na komorce */
.qodef-mobile-header-navigation {
    /*background-color: #010c16; /* tło menu mobilnego */
	background-color: rgb(1, 12, 22, 0.97); /*rgba(13, 13, 13, 0.95) #0d0d0d z 95% kryciem */
	backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	 -webkit-backdrop-filter: blur(2px); /* dla Safari */
}

.qodef-mobile-header-navigation>ul>li>a {
    color: lightgray;  /* tekst */
}
.qodef-mobile-header-navigation>ul>li>a:hover {
    color: #bfa888;
}
.qodef-mobile-header-navigation>ul>li.current-menu-ancestor>a,.qodef-mobile-header-navigation>ul>li.current-menu-item>a {
    color: lightgray;
}
.qodef-mobile-header-navigation ul li .qodef-menu-item-arrow {
    fill: lightgray;
}
.qodef-mobile-header-navigation ul li ul li>a {
    color: lightgray;
}
.qodef-mobile-header-navigation {
    border-bottom: 1px solid #bfa888;
}



/****opener - tekkst: menu - pod openerem ***/
.qodef-mobile-header-opener {
    position: relative;
    text-align: center;
}

.qodef-mobile-header-opener::after {
    content: "MENU";
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
    text-align: center;
    margin-top: 8px; /* Dostosuj, aby odległość była odpowiednia */
    position: absolute;
    top: 60%; /* Ustawienie pod ikoną */
    left: 50%;
    transform: translateX(-50%);
}

/****KONIEC: opener - tekkst: menu - pod openerem ***/


/* Ukrycie całego menu domyślnie */
.qodef-mobile-header-navigation {
    display: none;
}

/* Główne menu widoczne po kliknięciu openera */
.qodef-mobile-header-navigation.qodef--opened {
    display: block;
}

/* Ukrycie sub-menu domyślnie */
.qodef-mobile-header-navigation ul.sub-menu {
    /*display: none;*/
}
/* Sub-menu zawsze widoczne */
.qodef-mobile-header-navigation ul.sub-menu {
    display: block !important;
}


/* Sub-menu rozwinięte po kliknięciu 
.qodef-mobile-header-navigation ul.sub-menu.qodef--opened {
    display: block;
}*/







/*** usuwamy przesuniecie pozycji podmenu w mobilnym menu podczas jej nacisniecia ***/
.qodef-mobile-header-navigation ul ul li > a {
    padding-left: 30px !important; /* Ustaw stałą wartość paddingu */
    margin-left: 0 !important; /* Wyzeruj margines */  
}



/*LIKWIDUJE TE PAUZĘ:  Pauza przed aktywną pozycją - w momencie klikniecia tez. przez aktywną już po kliknieciu byla ez tego css */
.qodef-mobile-header-navigation ul ul li.current-menu-item > a::before,
.qodef-mobile-header-navigation ul ul li.current_page_item > a::before,
.qodef-mobile-header-navigation ul ul li > a:focus::before, /* Pauza przy focus */
.qodef-mobile-header-navigation ul ul li > a:active::before { /* Pauza przy kliknięciu */
    content: ""; /* Myślnik przed aktywną i klikniętą pozycją - KASUJE */
    margin-left: -6px;
    color: #bfa888;  /* Kolor myślnika */
}

/* Złoty kolor dla klikniętej pozycji - bez tego tez dziala - wczesniej to nadpisalam */
.qodef-mobile-header-navigation ul ul li > a:focus,
.qodef-mobile-header-navigation ul ul li > a:active {
    color: #bfa888 !important; /* Kolor złoty podczas kliknięcia */
}
















/********** przycisk CTA Book your chalet / zarezerwuj domek - na mobilnych urzadzeniach - dodany z poziomu widzetu: mobile header **********/
#seafarer_core_button-24 {
  position: absolute !important;
  top: 70px; /* lepiej używać 'top' zamiast 'margin-top' dla precyzji */
  left: 0px;  /* wycentrowanie względem rodzica */
  transform: translateX(-50%); /* korekta o połowę szerokości przycisku */
  width: 50px !important;
  line-height: 1.3 !important; 
  text-align: center !important; 
	background-color: rgba(185, 164, 134, 0.4); /*  #b9a486 !important; złoty kolor */  
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
 padding: 5px 15px 5px 15px;
	
}
#seafarer_core_button-24 a {
 	background-color: rgb(1, 12, 22, 0.85) !important;  /****************************************** moj piekny ciemny granat na Mobile Header *****   92 bylo przezroczystosci idealnie. probuje 85   **************************************************/
	backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	 -webkit-backdrop-filter: blur(2px); /* dla Safari */	
  color: #b9a486 !important; /************************************************************************************************************************ złoty moj jasny */
	font-weight:500 !important; 
  border: none !important;
	line-height: 1.3 !important; 
padding: 10px 15px 10px 15px;
	font-family: 'Roboto', sans-serif !important;
text-transform: uppercase;
	font-size: 14px;
letter-spacing: 1px;
	border-radius: 999px;	
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /*************************************** miękki cień */
  transition: all 0.3s ease;
}

#seafarer_core_button-24 {
  font-family: 'Cormorant Upright', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 22px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /***************************************** miękki cień */
  transition: all 0.3s ease;
  border: none;
}
#seafarer_core_button-24:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); /***************************************** miękki cień */
  transform: translateY(-1px);
}











/**********************************************  UWAGA!  ********************************************* przycisk CTA Book your chalet / zarezerwuj domek - taki sam jak na urzadzeniach mobilnych wkladam na desktop w malych rozdzielczosciach - dodany do widzetow: header two, i sticky header two *********************************/
  
/*sticky header*/  #seafarer_core_button-25 {
  position: absolute !important;
  top: 200px; /* lepiej używać 'top' zamiast 'margin-top' dla precyzji */
  left: 0px;  /* wycentrowanie względem rodzica */
  transform: translateX(-30%); /* korekta o połowę szerokości przycisku */
  width: 50px !important;
  line-height: 1.3 !important; 
  text-align: center !important; 
	background-color: rgba(185, 164, 134, 0.4); /*  #b9a486 !important; złoty kolor */  
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
 padding: 5px 15px 5px 15px !important;
}

#seafarer_core_button-25 a {
  	background-color: rgb(1, 12, 22, 0.85) !important;  /****************************************** moj piekny ciemny granat na Mobile Header *******************************************************/
	backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	 -webkit-backdrop-filter: blur(2px); /* dla Safari */	
  color: #b9a486 !important; /************************************************************************************************************************ złoty moj jasny */
	font-weight:500 !important; 
  border: none !important;
	line-height: 1.3 !important; 
padding: 15px 20px 15px 20px;
	font-family: 'Roboto', sans-serif !important;
text-transform: uppercase;
	font-size: 16px;
letter-spacing: 1px;
	border-radius: 999px;	
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /*************************************** miękki cień */
  transition: all 0.3s ease;
	width:150px;
}

 #seafarer_core_button-25  {
  font-family: 'Cormorant Upright', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 22px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /***************************************** miękki cień */
  transition: all 0.3s ease;
  border: none;
}

 #seafarer_core_button-25:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); /***************************************** miękki cień */
  transform: translateY(-1px);
}


/**************** button wiekszy na bardzo dużych monitorach ****************************************************************************************************************************/
@media (min-width: 1800px) {  
/*sticky header*/  #seafarer_core_button-25 {  
  top: 200px; /* lepiej używać 'top' zamiast 'margin-top' dla precyzji */
  left: 0px;  /* wycentrowanie względem rodzica */
  transform: translateX(-50%); /* korekta o połowę szerokości przycisku */
  width: 240px !important; 	
 padding: 5px 15px 5px 105px !important;
}

#seafarer_core_button-25 a {  	
	font-weight:500 !important;  
	line-height: 1.5 !important; 
padding: 20px 25px 20px 25px;
	font-size: 17px;
letter-spacing: 2px;	
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /*************************************** miękki cień */
  transition: all 0.3s ease;
	width:240px;
}	
}
























/*******likwiduje wczesniejszy button CTA z menu mobilnego - Sprawdz ceny i dostepnosc - ne wiadomo gdzie jest jego html - byc moze nadpisany jest plik menu mobinego ********/
.menu-item .reservation-button, .custom-mobile-button {
	display:none !important;
}



/** na stronie BLOG w pojedynczych klasycznych postaw, w sidebar (to mail sidebar w widzetach) linku do kategorii (ul li a) **/
.blog-category-in-mail-sidebar li a {
  font-weight: 400 !important;
	color: #81735e;   /* zmienilamna ciemniejszy zloty */
	  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-category-in-mail-sidebar li a:hover {  
font-weight: 600 !important;
}






/* Zmniejszenie H1 tylko we wpisach blogowych  - sprawdz do!!!!!!! */
.single-post article h1.entry-title {
  font-size: 40px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

@media (max-width: 768px) {
  .single-post article h1.entry-title {
    font-size: 30px !important;
  }
}









/*********************************************************  MENU MOBILNE MOBILE     ********************************************************************************************************/


/********** Separator do menu - wersja EN (<hr> lub pseudo-border) *****/
.menu-item-35061::before, .menu-item-22809::before {                                            /******  .menu-item-22809 - Home   |  .menu-item-35061 - Check Prices...   |     ***********************************/
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.15); /* półprzezroczysty biały */
}
/********** Separator do menu - wersja PL (<hr> lub pseudo-border) *****/
.menu-item-35097::before, .menu-item-28488::before {                                            /******  .menu-item-28488 - Strona Główna   |  .menu-item-35097 - Check Prices...   |     ***********************************/
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.15); /* półprzezroczysty biały */
}











/**** wysokosc line-height we wszystkich pozycjach menu mobilnego -  ***/
/* Celujemy w dokładny układ w mobilnym menu */
.qodef-mobile-header-navigation ul li {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.qodef-mobile-header-navigation ul li > a {
  line-height: 1.1 !important;
  padding-top: 2px !important;
  padding-bottom: 4px !important;
}

.qodef-mobile-header-navigation ul li > a .qodef-menu-item-text {
  line-height: 1.3 !important;
}





/**** WPML w mobile menu - ustawienie inline  ***/
.qodef-mobile-header-navigation ul li.wpml-ls-menu-item {
  min-width: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 14px 0 1px;	
}


.qodef-mobile-header-navigation .wpml-ls-legacy-list-horizontal {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px;
  padding: 8px 0;
}

/**************** style na hover dla linkow w widzecie: .qodef-widget-holder .qodef--right - czyli gorny najwyzszy pasek hover na desktop *******************/
/* Styl podstawowy – na wszelki wypadek */
.qodef-widget-holder.qodef--right a {
  color: #ffffff;
  font-weight: 400;
  transition: color 0.3s ease, font-weight 0.3s ease;
}

/* Hover – złoty kolor i pogrubienie */
.qodef-widget-holder.qodef--right a:hover {
  color: #b9a486 !important; /* złoty */
  font-weight: 500 !important;
	  transform: scale(1.2);
}
/******** powiekszam litery PL EN w wpml w header najwyzszym na desktop   ********/
.wpml-ls-legacy-list-horizontal a span {
	font-size:15px !important;
	font-weight:500 !important;
}
/* Hover – złoty kolor i pogrubienie */
.wpml-ls-legacy-list-horizontal a:hover {
  color: #b9a486 !important; /* złoty */
  font-weight: 500 !important;
	  transform: scale(1.2);
}


/**************** menu na desktop - lekki cien - ********************/
#qodef-page-header-inner   {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /***************************************** miękki cień */
  transition: all 0.3s ease;
}
.qodef-header-sticky  {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /***************************************** miękki cień */
  transition: all 0.3s ease;
}






/**************************************************   NA MOBILE  *******************************************/
/******************************************    HEADER HERO   - na stronie glownej PL - Mobile  ************************************/
/******************************************    HEADER HERO   - na stronie glownej PL - Mobile  ************************************/
/*******
   - strona PL to ID .elementor-28075)
   - stroona EN to ID .elementor-21480     
*******/
@media (max-width: 504px) {

  /* Skaluje cały kontent wewnątrz każdej kolumny */
  .elementor-28075 .elementor-element-2e29e5a {
    transform: scale(0.80) !important;
    transform-origin: top center !important;
  } 
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-28075 .elementor-element-2e29e5a H6.elementor-image-box-title {
	font-size: 42px !important;
    line-height: 1 !important;
		text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.7) !importnat; /****** cien od napisu ******/
}
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
	.elementor-28075 .elementor-element-2e29e5a H5.elementor-image-box-title {
	font-size: 16px !important;    
		letter-spacing: .16em;
		transform: scaleY(0.85);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
}
  /* Powiększam obrazek nagrody */
  .elementor-28075 .elementor-element-2e29e5a img.wp-image-36024 {
    transform: scale(1.5) !important;
    transform-origin: top center !important;
  }
}
/**************** reset skalowania na większych ekranach ********************/
@media (min-width: 505px) {
  .elementor-28075 .elementor-element-2e29e5a {
    transform: scale(1) !important;
    transform-origin: top center !important;
  }  
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-28075 .elementor-element-2e29e5a H6.elementor-image-box-title {
	font-size: 55px !important;
    line-height: 1.2 !important;
  }
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
  	.elementor-28075 .elementor-element-2e29e5a H5.elementor-image-box-title {
	font-size: 15px !important;    
		letter-spacing: .17em;
		transform: scaleY(0.9);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
	    
  }
	/* Powiększam obrazek nagrody */
	.elementor-28075 .elementor-element-2e29e5a img.wp-image-36024 {
    transform: scale(1.15) !important;
    transform-origin: top center !important;
    margin-bottom: -7px;
  }
}
/********************** KONIEC ********************    HEADER HERO   - na stronie glownej PL   ************************************/
/******************************************    HEADER HERO   - na stronie glownej EN  Mobile ************************************/
/******************************************    HEADER HERO   - na stronie glownej EN  Mobile ************************************/
/*******
   - strona PL to ID .elementor-28075)
   - stroona EN to ID .elementor-21480     
*******/

@media (max-width: 767px) {
  .elementor-21480 .elementor-element-6b0dd2a {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/**************** skalowanie kolumn na Hero Header (EN) ********************/
@media (max-width: 504px) {

  /* Skaluje cały kontent wewnątrz każdej kolumny */
  .elementor-21480 .elementor-element-6b0dd2a {
    transform: scale(0.80) !important;
    transform-origin: top center !important;
  } 
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-21480 .elementor-element-6b0dd2a H6.elementor-image-box-title {
	font-size: 42px !important;
    line-height: 1 !important;
		text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.7) !importnat; /****** cien od napisu ******/
}
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
	.elementor-21480 .elementor-element-6b0dd2a H5.elementor-image-box-title {
	font-size: 16px !important;    
		letter-spacing: .16em;
		transform: scaleY(0.85);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
}
  /* Powiększam obrazek nagrody */
  .elementor-21480 .elementor-element-6b0dd2a img.wp-image-35923 {
    transform: scale(1.5) !important;
    transform-origin: top center !important;
  }
}
/**************** reset skalowania na większych ekranach ********************/
@media (min-width: 505px) {
  .elementor-21480 .elementor-element-6b0dd2a {
    transform: scale(1) !important;
    transform-origin: top center !important;
  }  
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-21480 .elementor-element-6b0dd2a H6.elementor-image-box-title {
	font-size: 55px !important;
    line-height: 1.2 !important;
  }
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
  	.elementor-21480 .elementor-element-6b0dd2a H5.elementor-image-box-title {
	font-size: 15px !important;    
		letter-spacing: .17em;
		transform: scaleY(0.9);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
	    
  }
	/* Powiększam obrazek nagrody */
	.elementor-21480 .elementor-element-6b0dd2a img.wp-image-35923 {
    transform: scale(1.15) !important;
    transform-origin: top center !important;
    margin-bottom: -7px;
  }
}
/********************** KONIEC ********************    HEADER HERO   - na stronie glownej EN   ************************************/





/*********************  dodatkowo poprawka położenia głónego hero hasła     *************************//*
.elementor-28075 - PL - nr ID strony glownej; .elementor-element-b0336d3 - PL - klasa tego hero naglowka
.elementor-21480 - EN - nr ID strony glownej; .elementor-element-6c44329 - EN - - klasa tego hero naglowka */

@media (min-width: 800px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-bottom:30px !important;
	}
}
@media (min-width: 800px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-bottom: 30px !important;
	}
}
@media (min-width: 903px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-bottom:120px !important;
	}
}
@media (min-width: 903px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-bottom: 100px !important;
	}
}	
@media (min-width: 1025px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:80px !important;
	}
}
@media (min-width: 1025px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 80px !important;
	}
}	

@media (min-width: 1380px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:100px !important;
	padding-left:80px;
	padding-right:60px;
	}
}
@media (min-width: 1380px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 100px !important;
	padding-left:100px;
	padding-right:100px;
	}
}	



@media (min-width: 1600px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:100px !important;
	padding-left:190px;
	padding-right:100px;
	}
}
@media (min-width: 1600px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 100px !important;
	padding-left:200px;
	padding-right:100px;
	}
}	


/**************** reset paddingu na większych ekranach - powyzej 2027px ********************/
@media (min-width: 2028px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:90px !important;
	padding-left:100px;
	padding-right:100px;
	}
}
@media (min-width: 2028px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 60px !important;
	padding-left:100px;
	padding-right:100px;
	}
}	
/******** obnizam dolne trzy kolumny na hero header **********/
@media (min-width: 2028px) {
/*EN*/    .elementor-21480 .elementor-element.elementor-element-c491812,
/*PL*/    .elementor-28075 .elementor-element.elementor-element-2e29e5a {
   padding-top:200px !important;
	}
}






/****************  na bardzo duzych monitorach - powyzej 2450px ********************/

@media (min-width: 2350px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title {
padding-top:20px !important;
	padding-left:100px;
	padding-right:100px;
	}
}
@media (min-width: 2350px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
padding-top:50px !important;
	}
}

/******** obnizam dolne trzy kolumny na hero header **********/
@media (min-width: 2450px) {
/*EN*/    .elementor-21480 .elementor-element.elementor-element-c491812,
/*PL*/    .elementor-28075 .elementor-element.elementor-element-2e29e5a {
   padding-top:250px !important;
	}
}





/********* naglowek H3, czli główne Hero hasło naglowka Hero Header - robie cien  *********/
.qodef-qi-section-title .qodef-m-title {	
	text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.7);
}
















/******************************************************************************************    UWAGA!!!!!    ******************** wymuszam full - width na WSZYSTKICH STRONACH! - tylko stronach - bez postow i chyba bez Tours (domki)     *******   UWAGA!!!!!      ****/


body.page #qodef-page-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}





/******** filtr czarno-bialy nad zdjecie na stronie Media - Spotlights     */

.film-filtered {
  filter: grayscale(100%) contrast(125%) brightness(125%);
  position: relative;
  z-index: 1;
  overflow: hidden; /* zapobiega rozlewaniu pseudo-elementu */
}

.film-filtered::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0.25)
  );
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px); /* Safari */
  pointer-events: none;
  z-index: 2;
}



/******** filtr nad zdjecie na stronie Atrakcje dookola     */

.film-filtered-color::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0.25)
  );
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px); /* Safari */
  pointer-events: none;
  z-index: 2;
}







	
/*
Theme Name: Seafarer Child
Theme URI: https://seafarer.qodeinteractive.com
Description: A child theme of Seafarer
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: seafarer
Template: seafarer
*/


/* wlasne logo - laduje jako svg przez opcje szablonu
.qodef-header-logo-link {
    background: url(https://gorskaosada.com/wp-content/uploads/2024/08/Logo_grafika.svg) no-repeat center center;
    background-size: contain;
    display: block;
    width: 80px; 
    height: auto; 
	margin-bottom: 5px;	
	text-indent: -9999px;  Ukrycie tekstu wewnątrz linku  
}*/

   
 .qodef-mobile-header-logo-link {
        background: var(--wpr-bg-aea6b7cc-dd6e-4fde-ab6b-e48a93f414d2) no-repeat !important;
        background-size: contain !important;
        display: block !important;
		 width: 236px !important;
		height: 60px !important;
		margin-left:-25px;
	    padding-left:0px;
		/*filter: brightness(0.7);*/
		opacity: 1;
		text-indent: -9999px; /* Ukrycie tekstu wewnątrz linku */
    } 

/*
.qodef-header-logo-link img {
    display: none; /* Ukryj obecny obrazek 
}*/






/* Nadpisuje style H */
/* Styl H3 jako H1 */
.qodef-h3, h3 {
  font-family: "Cormorant Upright", serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  font-size: 63px;  /* Zmieniono na rozmiar H1 */
  line-height: 0.95em;  /* Zmieniono na line-height H1 */
  letter-spacing: 0.05em;
  font-weight: 500;
  margin: 25px 0;
}

.qodef-h3 a, h3 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
}

.qodef-h3 a:focus, .qodef-h3 a:hover, h3 a:focus, h3 a:hover {
  color: var(--qode-main-color);
}

/* Styl H2 jako H6 */
.qodef-h2, h2 {
  font-family: "Cormorant Upright", serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  font-size: 13px;  /* Zmieniono na rozmiar H6 */
  line-height: 1.54em;  /* Zmieniono na line-height H6 */
  font-family: Inconsolata, monospace;  /* Dodano font-family z H6 */
  letter-spacing: 0.25em;  /* Zmieniono na letter-spacing H6 */
  font-weight: 500;
  margin: 25px 0;
}

.qodef-h2 a, h2 a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
}

.qodef-h2 a:focus, .qodef-h2 a:hover, h2 a:focus, h2 a:hover {
  color: var(--qode-main-color);
}

/* Responsywność dla H3 jako H1 */
@media only screen and (max-width: 680px) {
  .qodef-h3, h3 {
    font-size: 44px;  /* Zmieniono na responsywny rozmiar H1 */
  }
}
/* Responsywność dla H2 jako H6 */
@media only screen and (max-width: 680px) {
  .qodef-h2, h2 {
    font-size: 13px;  /* Utrzymano responsywny rozmiar H6 */
  }
}
/* koniec /// Nadpisuje style H /// koniec */




/* Iframe - bedzie sie dobrze skalowało na szerokosc i wysokosc  */
/* Styl kontenera iframe */
.iframe-container {
    width: 100%;
	height: 100%;
	overflow: hidden;  
}

/* Styl iframe */
.responsive-iframe {
    width: 100%;
    border: none;
    min-height: calc(100vh - 32px); /* Dodaję wysokość na pasek WordPressa 	
	/* height: 100%;  ta wartosc psuje wysokosc okna iframe - pojawia się pasek przewijania */
	border: none; /* Optional: remove the border for a cleaner look */
    margin-top: -20px; /* Negative margin to shift content upwards */
}







/* chalet-tabs - wlasne */
/* General styles for tabs */
.tabs {
    display: flex;
    flex-direction: column;
    margin-top: 0px;	
}

.tab-titles {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center; /* Centrowanie zakładek */
    margin-bottom: 1em;
    max-width: 100%; /* Maksymalna szerokość */
    margin: 0 auto; /* Wycentrowanie menu */
	
	border-bottom: 1px solid #e9eee9; /*podkreslenie jasno-szare pod calym menu (zakladkami) */
	padding-bottom:18px; /* odleglosc tego podkreslenia */
}

.tab-title {
    cursor: pointer;
    padding: 0.5em 1em;
    background: none;
    border: none;
    margin-left: 2em; /* odleglosci miedzy zakladkami */
	margin-right: 2em; /* odleglosci miedzy zakladkami */
    color: #000;
}

.tab-title.active,
.tab-title:hover { /* Styl na hover */
    background: none;
    border: none;
    color: #bfa888;
    border-bottom: 1px solid #bfa888;	
}

.tab-contents {
    display: flex;
    flex-direction: column;
}

.tab-content {
    display: none;
    padding: 1em;
    
}

.tab-content.active {
    display: block;
}

.iframe-container {
    width: 100%;
    height: 100%;
}

.responsive-iframe {
    width: 100%;
    border: none;
    min-height: calc(100vh - 32px);
}

@media only screen and (max-width: 768px) {
    .tab-titles {
        flex-direction: column;
        margin-bottom: 1em;
        
		justify-content: center; /* Centrowanie zakładek */
		max-width: 100%; /* Maksymalna szerokość */
		margin: 0 auto; /* Wycentrowanie menu */
	}	

    .tab-title {
        margin-right: 0;
        margin-bottom: 0.5em;
        width: 100%;
        cursor: pointer;
        padding: 0.5em 1em;
        background: #021527;
        border: 1px solid #fff;
        color: #fff;
		margin-left: 0em; /* odleglosci miedzy zakladkami */
	    margin-right: 0em; /* odleglosci miedzy zakladkami */
    }

    .tab-title.active,
    .tab-title:hover { /* Dodano styl na hover dla urządzeń mobilnych */
        background: none;
        border: 1px solid #021527;
        color: #021527;
    }
}
@media only screen and (min-width: 769px) and (max-width: 784px) {
	 .tab-title {
       	margin-left: 0.3em; /* odleglosci miedzy zakladkami */
	    margin-right: 0.3em; /* odleglosci miedzy zakladkami */
    }
}
@media only screen and (min-width: 785px) and (max-width: 844px) {
	 .tab-title {
       	margin-left: 0.5em; /* odleglosci miedzy zakladkami */
	    margin-right: 0.5em; /* odleglosci miedzy zakladkami */
    }
}
@media only screen and (min-width: 845px) and (max-width: 964px) {
	 .tab-title {
       	margin-left: 1em; /* odleglosci miedzy zakladkami */
	    margin-right: 1em; /* odleglosci miedzy zakladkami */
    }
}
/* koniec - chalet-tabs - wlasne */


/* ukrywam title i datę posta na stronie press - single */
.postid-13857 .qodef-e-title.entry-title {
    display: none;
}
.postid-13857 .qodef-e-info {
    display: none;
}




/* wymuszam full - width na wpisach dot. press i offer*/
/* .postid-12345 #qodef-page-inner, */
.postid-33805 #qodef-page-inner,
.postid-33804 #qodef-page-inner,
.postid-28078 #qodef-page-inner,
.postid-28095 #qodef-page-inner,
.postid-28094 #qodef-page-inner,
.postid-28093 #qodef-page-inner,
.postid-28092 #qodef-page-inner,
.postid-28091 #qodef-page-inner,
.postid-28074 #qodef-page-inner,
.postid-28072 #qodef-page-inner,
.postid-28071 #qodef-page-inner,
.postid-28070 #qodef-page-inner,
.postid-28067 #qodef-page-inner,
.postid-28062 #qodef-page-inner,    /* Sylwester */
.postid-28060 #qodef-page-inner,   /* Boze Narodenie PL - od tego momentu w gore - polskie tlumaczenia */
.postid-20597 #qodef-page-inner,
.postid-18834 #qodef-page-inner,
.postid-18813 #qodef-page-inner,
.postid-16445 #qodef-page-inner,
.postid-16416 #qodef-page-inner,
.postid-16398 #qodef-page-inner,
.postid-16386 #qodef-page-inner,
.postid-16373 #qodef-page-inner,
.postid-16357 #qodef-page-inner,
.postid-15244 #qodef-page-inner,
.postid-16312 #qodef-page-inner,
.postid-16292 #qodef-page-inner,
.postid-13857 #qodef-page-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}
/* .postid-12345 #qodef-page-inner .qodef-content-grid, */
.postid-33805 #qodef-page-inner .qodef-content-grid,
.postid-33804 #qodef-page-inner .qodef-content-grid,
.postid-28078 #qodef-page-inner .qodef-content-grid,
.postid-28095 #qodef-page-inner .qodef-content-grid,
.postid-28094 #qodef-page-inner .qodef-content-grid,
.postid-28093 #qodef-page-inner .qodef-content-grid,
.postid-28092 #qodef-page-inner .qodef-content-grid,
.postid-28091 #qodef-page-inner .qodef-content-grid,
.postid-28074 #qodef-page-inner .qodef-content-grid,
.postid-28072 #qodef-page-inner .qodef-content-grid,
.postid-28071 #qodef-page-inner .qodef-content-grid,
.postid-28070 #qodef-page-inner .qodef-content-grid,
.postid-28067 #qodef-page-inner .qodef-content-grid,
.postid-28062 #qodef-page-inner .qodef-content-grid,   /* Sylwester */
.postid-28060 #qodef-page-inner .qodef-content-grid,     /* Boze Narodenie PL - od tego momentu w gore - polskie tlumaczenia */
.postid-20597 #qodef-page-inner .qodef-content-grid,
.postid-18834 #qodef-page-inner .qodef-content-grid,
.postid-18813 #qodef-page-inner .qodef-content-grid,
.postid-16445 #qodef-page-inner .qodef-content-grid,
.postid-16416 #qodef-page-inner .qodef-content-grid,
.postid-16398 #qodef-page-inner .qodef-content-grid,
.postid-16386 #qodef-page-inner .qodef-content-grid,
.postid-16373 #qodef-page-inner .qodef-content-grid,
.postid-16357 #qodef-page-inner .qodef-content-grid,
.postid-15244 #qodef-page-inner .qodef-content-grid,
.postid-16312 #qodef-page-inner .qodef-content-grid,
.postid-16292 #qodef-page-inner .qodef-content-grid,
.postid-13857 #qodef-page-inner .qodef-content-grid {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ukrywa related posts - niepotrzebne - bo wybrany szablon strony full width nie posiada related posts
.postid-16445 #qodef-related-posts,
.postid-16416 #qodef-related-posts,
.postid-16398 #qodef-related-posts,
.postid-16386 #qodef-related-posts,
.postid-16373 #qodef-related-posts,
.postid-16357 #qodef-related-posts,
.postid-15244 #qodef-related-posts,
.postid-16312 #qodef-related-posts,
.postid-16292 #qodef-related-posts,
.postid-13857 #qodef-related-posts {
    max-width: 1400px !important; /* lub inna szerokość, która pasuje do Twojego szablonu 
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex;
    justify-content: center;
	display:none;
}*/


/* nie wiem co to - cos z FlippBook - sadze ze niepotrzebne
.fb3d .fb3d-book .fb3d-pages {
    pointer-events: none;
}*/


/* strzalki polyline w widzecie opinie na stronie glownej i podstronach chalet */
.swiper-button-next.qodef-testimonials-nav polyline,
.swiper-button-prev.qodef-testimonials-nav polyline {
    stroke: #ffffff !important;    
}


/* strzalki polyline w lightbox */
.fslightbox-container polyline  {
    stroke: #bfa888 !important;    
}

/* close x w lightbox */
.fslightbox-container .fslightbox-nav .fslightbox-toolbar-button svg {
    /* fill: #bfa888; kolor złoty dla close x */
    width: 22px; /* wystarczy usunac ten styl a wskoczy oryginalne 17 px */
    stroke: none;
}
/* lista punktacyjna w stronach Chalet - desctription - additional amenities */
ul.custom-list {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;		
}
ul.custom-list li {
    text-indent: -20px;
    padding-left: 20px;	
}
ul.custom-list ul {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;	
}
ul.custom-list ul li {
    text-indent: -20px;
    padding-left: 20px;	
}
/* pozycjonowanie menu na stronach accommodation/Chalet czyli na podstronach dommkow */
.tab-titles {
    display: flex;
    justify-content: flex-center;
    list-style-type: none;    
}
@media (min-width: 1150px) {
     .tab-titles  {
        left:-240px;
      }
    }






/* side area widzet - #block-67 */
#qodef-side-area .widget p{
	color: #d2d2d2;
	font-weight: 300;
}
#qodef-side-area .widget a {
    color: #d2d2d2!important;  
	font-weight: 300 !important;  
}
#qodef-side-area .widget a:hover {
    color: #6b5e4d !important; 
	font-weight: 300 !important; 
}
/* koniec - side area widzet */




/*********** MENU **********/

/* menu - druga lista - chyba i mobilne i desktop */
.qodef-header-navigation>ul>li.qodef-menu-item--narrow ul:not(.qodef-drop-down--right) li>a {
	font-size:14px;		
}


/* MENU - MOBILNE */
/* znak menu na mobilnych urzadzeniach - kanapka na ciemnym header */
#qodef-page-mobile-header .qodef-mobile-header-opener {
    color: #fff !important;
}
/* Powiększenie obiektu DOM dla linku - znaku kanapki */
.qodef-mobile-header-opener {
    width: 90px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* to samo - czyli powiększenie obiektu DOM dla linku zmkniecia - close - kanapki */
#qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened .qodef-m-icon.qodef--close {
	width: 90px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



 /* menu - urzadzenia mobilne - drugi poziom listy */
.qodef-mobile-header-navigation ul li ul li.current-menu-ancestor>a, .qodef-mobile-header-navigation ul li ul li.current-menu-item>a {
	font-size:14px;
	padding-left:30px;
	
}
/* menu - uradzenia mobilne - drugi poziom listy */
.qodef-mobile-header-navigation ul li ul li>a {
    font-size:14px;
	padding-left:30px;
	 /* domyslny kolor jest czarny. Za to kolor złoty color: #bfa888; - domyslnie jest w hover:a */
}
/* .current-menu-item oraz .current_page_item są klasami, które WordPress automatycznie przypisuje aktywnym pozycjom menu  */
/* Styl tylko dla pierwszego poziomu menu: */
.qodef-mobile-header-navigation > ul > li.current-menu-item > a,
.qodef-mobile-header-navigation > ul > li.current_page_item > a {
    color: #000 !important;
    background-color: #bfa888;
    padding: 3px 0 3px 3px;
}
/* Podświetlenie głównej pozycji menu, gdy jedna z pozycji podmenu jest aktywna */
.qodef-mobile-header-navigation ul li.current-menu-ancestor > a {
    color: #000 !important;
    background-color: #bfa888;
    padding: 3px 0 3px 3px;
}
/* Styl tylko dla drugiego poziomu menu: 
.qodef-mobile-header-navigation ul ul li.current-menu-item > a,
.qodef-mobile-header-navigation ul ul li.current_page_item > a {  
} */

.qodef-mobile-header-navigation ul ul li.current-menu-item > a::before,
.qodef-mobile-header-navigation ul ul li.current_page_item > a::before {
    content: "— "; /* Em dash – długi myślnik */
    margin-right: 5px; 
	margin-left:-15px;
    color: #bfa888;  /* Kolor myślnika */
}










/* menu - strzalka do rozwijania na moblinym menu - do poziomu drugiego */
.qodef-mobile-header-navigation ul li .qodef-menu-item-arrow {
	width: 15px;
	
}


/* na Tour w rozwijanym menu na komorce strzalka pozycjonuje sie w inny miejscu - ustalam konkretną szerokosc elementu ktory na to wplywa */
.qodef-mobile-header-navigation ul li {  
    width:100%;  
	min-width: 300px;	
}

.qodef-menu-item-arrow {  
  margin-right: 30px;  
	margin-top: -6px !important;
}




/* MENU - DESKTOP */
/* Menu na desktopie - divided left i right - nie miesci sie w calosci w tych rozdzielczosciach - zmniejszam odleglosci miedzy pozycjami  */

@media (min-width: 1024px) {
.qodef-header-navigation > ul > li  {       
	padding-left:16px !important; 
	padding-right:16px !important; 
	margin-left:0px !important;
	margin-right:0px !important;	
	word-spacing: -3px;
	}
.qodef-header-navigation > ul > li > a { 
	letter-spacing: 0.08em !important;
	}
/** w menu na desktop to odleglosc logo od menu left i right **/
.qodef-header--divided #qodef-page-header .qodef-header-navigation {
    margin: -10px;
	}
}





 	@media  (max-width: 1200px) {
.qodef-header--divided #qodef-page-header .qodef-header-logo-link {
    display: none;                                         /* ukrywam logo na srodku menu */
    }
}
	@media (max-width: 1200px) {
.qodef-header--divided #qodef-page-header .qodef-divided-header-left-wrapper {
    justify-content: space-between;
    padding-right: 0px; /* likwiduje miejsce na logo posrodku menu */
	}
}
	@media (max-width: 1201px) {
.qodef-divided-header-right-wrapper {
	margin-left:0px; /* menu right devided - cofam na miejsce logo */
	}
}
	@media (max-width: 1300px) {
#qodef-page-header .qodef-widget-holder.qodef--one   {
    display: none;  /* ukrywam widzet sidebar right z danymi kontaktowymi */
    }
}




@media (min-width: 1440px) {
.qodef-header-navigation > ul > li  {       
	padding-left:16px !important; 
	padding-right:16px !important; 
	margin-left:0px !important;
	margin-right:0px !important;	
	word-spacing: -3px;	
	}
.qodef-header-navigation > ul > li > a { 
	letter-spacing: 0.06em !important;
	font-size: 15px !important;              /******** powiekszam czcionke           *********/		
	}
/** w menu na desktop to odleglosc logo od menu left i right **/
.qodef-header--divided #qodef-page-header .qodef-header-navigation {
    margin: -10px;
	}
}





@media (min-width: 1550px) {
.qodef-header-navigation > ul > li  {       
	padding-left:18px !important; 
	padding-right:18px !important; 
	margin-left:0px !important;
	margin-right:0px !important;	
	word-spacing: 0px;
	}
.qodef-header-navigation > ul > li > a { 
	letter-spacing: 0.06em !important;
	}
/** w menu na desktop to odleglosc logo od menu left i right **/
.qodef-header--divided #qodef-page-header .qodef-header-navigation {
    margin: -10px;
	}
}

@media (min-width: 1650px) {
.qodef-header-navigation > ul > li  {       
	padding-left:20px !important; 
	padding-right:20px !important; 
	margin-left:0px !important;
	margin-right:0px !important;	
	word-spacing: 0px;
	}
.qodef-header-navigation > ul > li > a { 
	letter-spacing: 0.1em !important;
	}
/** w menu na desktop to odleglosc logo od menu left i right **/
.qodef-header--divided #qodef-page-header .qodef-header-navigation {
    margin: 0px;
	}
}

@media (min-width: 1750px) {
.qodef-header-navigation > ul > li  {       
	padding-left:25px !important; 
	padding-right:25px !important; 
	margin-left:0px !important;
	margin-right:0px !important;	
	word-spacing: 0px;
	}
.qodef-header-navigation > ul > li > a { 
	letter-spacing: 0.15em !important;
	}
/** w menu na desktop to odleglosc logo od menu left i right **/
.qodef-header--divided #qodef-page-header .qodef-header-navigation {
    margin: 0px;
	}
}



@media (min-width: 1950px) {
.qodef-header-navigation > ul > li > a { 
	letter-spacing: 0.25em !important;
	}
/** w menu na desktop to odleglosc logo od menu left i right **/
.qodef-header--divided #qodef-page-header .qodef-header-navigation {
    margin: 15px !important;
	}
}

@media (min-width: 2400px) {
.qodef-header-navigation > ul > li  {       
	padding-left:40px !important; 
	padding-right:40px !important;
	}
/** w menu na desktop to odleglosc logo od menu left i right **/
.qodef-header--divided #qodef-page-header .qodef-header-navigation {
    margin: 25px !important;
	}
}





/* Hover – złoty kolor i pogrubienie */
.qodef-header-navigation > ul > li > a:hover {
  color: #b9a486 !important; /* złoty */
	 }





/********    Poprawka MENU DESKTOP     **************/
/** Poprawka menu na desktop (1025–1205 px) **/
@media (max-width: 1905px) and (min-width: 1025px) {

  /* 1. Menu główne – litery z odstępem 
  .qodef-header-navigation > ul > li > a {
    letter-spacing: 0.1em !important;
  }*/

  /* 2. Kontener submenu – szerokość i wewnętrzne odstępy */
  nav.qodef-header-navigation ul li ul.sub-menu,
  .qodef-header-navigation .qodef-drop-down-second-inner {
    min-width: 340px !important;
    width: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  /* 3. Linki w submenu – łamanie linii i zachowanie spacji */
  nav.qodef-header-navigation ul li ul.sub-menu li a {
    display: block !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: pre-line !important; /* kluczowe */
    word-break: break-word !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
  }

  /* 4. Reset dla niepożądanego dziedziczenia */
  nav.qodef-header-navigation ul li ul.sub-menu li span,
  nav.qodef-header-navigation ul li ul.sub-menu li {
    white-space: normal !important;
  }

}



















/**** ukrywam przycisk Rezzerwuj na stronie 404 ****/
body.error404 .wp-block-button__link {
    display: none;
}
/**** ukrywam stary button PL Rezerwuj z header - nie moge go znalezc w widzetach****/
#block-197 {
	display:none;
}



/*********** MENU - koniec **********/




/* likwidowanie niebieskiego tła z Brevo w stopce - tlo prawdopodobnie narzucone w js */
form .sib-email-area input, form .sib-FIRSTNAME-area input {
    background-color: transparent !important;
}
/* zaokraglam moje buttony skork plus button Brevo */
a.qodef-button,
.qodef-button,
#subscribe-button  {
	border-radius: 50px !important;
}
/* buttony na stronach ezerwacyjnych - sprawdz swieta */
#set-easter {
	background-color: #1b4332;
}
#set-easter:hover {
	background-color: #bfa888;
}

#set-holidays {
	background-color: #7A0000;
}
#set-holidays:hover {
	background-color: #bfa888;
}
#set-today,
#set-new-year-6,
#set-new-year-7,
#set-new-year-10 {
	/* background-color: #948168; */
	padding-left:30px;
	padding-right:30px;
	margin-top:1px;
}
/* buttony w KW - widzetach rezerwacyjnych */
#dateFilter,
#dateFilter-vertical {
	border-radius: 50px !important;
}


/**************************************************************************************   mobilne menu i header   ***************************************************************************************************************/

/*  zmieniam kolory header - paska z logo i hamburgerem na mobilnych */
.qodef-mobile-header--standard #qodef-page-mobile-header
 {
    /*background-color: rgb(1, 12, 22);*/
	background-color: rgb(1, 12, 22, 0.85) /*rgba(13, 13, 13, 0.85)*/ !important;
    backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	  -webkit-backdrop-filter: blur(2px); /* dla Safari */
}



/*  zmieniam kolory menu na komorce */
.qodef-mobile-header-navigation {
    /*background-color: #010c16; /* tło menu mobilnego */
	background-color: rgb(1, 12, 22, 0.97); /*rgba(13, 13, 13, 0.95) #0d0d0d z 95% kryciem */
	backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	 -webkit-backdrop-filter: blur(2px); /* dla Safari */
}

.qodef-mobile-header-navigation>ul>li>a {
    color: lightgray;  /* tekst */
}
.qodef-mobile-header-navigation>ul>li>a:hover {
    color: #bfa888;
}
.qodef-mobile-header-navigation>ul>li.current-menu-ancestor>a,.qodef-mobile-header-navigation>ul>li.current-menu-item>a {
    color: lightgray;
}
.qodef-mobile-header-navigation ul li .qodef-menu-item-arrow {
    fill: lightgray;
}
.qodef-mobile-header-navigation ul li ul li>a {
    color: lightgray;
}
.qodef-mobile-header-navigation {
    border-bottom: 1px solid #bfa888;
}



/****opener - tekkst: menu - pod openerem ***/
.qodef-mobile-header-opener {
    position: relative;
    text-align: center;
}

.qodef-mobile-header-opener::after {
    content: "MENU";
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
    text-align: center;
    margin-top: 8px; /* Dostosuj, aby odległość była odpowiednia */
    position: absolute;
    top: 60%; /* Ustawienie pod ikoną */
    left: 50%;
    transform: translateX(-50%);
}

/****KONIEC: opener - tekkst: menu - pod openerem ***/


/* Ukrycie całego menu domyślnie */
.qodef-mobile-header-navigation {
    display: none;
}

/* Główne menu widoczne po kliknięciu openera */
.qodef-mobile-header-navigation.qodef--opened {
    display: block;
}

/* Ukrycie sub-menu domyślnie */
.qodef-mobile-header-navigation ul.sub-menu {
    /*display: none;*/
}
/* Sub-menu zawsze widoczne */
.qodef-mobile-header-navigation ul.sub-menu {
    display: block !important;
}


/* Sub-menu rozwinięte po kliknięciu 
.qodef-mobile-header-navigation ul.sub-menu.qodef--opened {
    display: block;
}*/







/*** usuwamy przesuniecie pozycji podmenu w mobilnym menu podczas jej nacisniecia ***/
.qodef-mobile-header-navigation ul ul li > a {
    padding-left: 30px !important; /* Ustaw stałą wartość paddingu */
    margin-left: 0 !important; /* Wyzeruj margines */  
}



/*LIKWIDUJE TE PAUZĘ:  Pauza przed aktywną pozycją - w momencie klikniecia tez. przez aktywną już po kliknieciu byla ez tego css */
.qodef-mobile-header-navigation ul ul li.current-menu-item > a::before,
.qodef-mobile-header-navigation ul ul li.current_page_item > a::before,
.qodef-mobile-header-navigation ul ul li > a:focus::before, /* Pauza przy focus */
.qodef-mobile-header-navigation ul ul li > a:active::before { /* Pauza przy kliknięciu */
    content: ""; /* Myślnik przed aktywną i klikniętą pozycją - KASUJE */
    margin-left: -6px;
    color: #bfa888;  /* Kolor myślnika */
}

/* Złoty kolor dla klikniętej pozycji - bez tego tez dziala - wczesniej to nadpisalam */
.qodef-mobile-header-navigation ul ul li > a:focus,
.qodef-mobile-header-navigation ul ul li > a:active {
    color: #bfa888 !important; /* Kolor złoty podczas kliknięcia */
}

















/****** kolor list z iloscia lozek i detlami na stronach kolekcji domkow ******/
.qodef-e-basic-info li {
  color: #948168  !important;
  font-weight: 500;
}



/********** przycisk CTA Book your chalet / zarezerwuj domek - na mobilnych urzadzeniach - dodany z poziomu widzetu: mobile header **********/
#seafarer_core_button-19 {
  position: absolute !important;
  top: 70px; /* lepiej używać 'top' zamiast 'margin-top' dla precyzji */
  left: 0px;  /* wycentrowanie względem rodzica */
  transform: translateX(-50%); /* korekta o połowę szerokości przycisku */
  width: 50px !important;
  line-height: 1.3 !important; 
  text-align: center !important; 
	background-color: rgba(185, 164, 134, 0.4); /*  #b9a486 !important; złoty kolor */  
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
 padding: 5px 15px 5px 15px;
	
}
#seafarer_core_button-19 a {
  /*background-color: #010c16 */
	background-color: rgb(1, 12, 22, 0.92) !important; /*rgba(13, 13, 13, 0.95) #0d0d0d z 95% kryciem */ /****************************************** moj piekny ciemny granat na Mobile Header *******************************************************/
	backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	 -webkit-backdrop-filter: blur(2px); /* dla Safari */	
  color: #b9a486 !important; /************************************************************************************************************************ złoty moj jasny */
	font-weight:500 !important; 
  border: none !important;
	line-height: 1.3 !important; 
padding: 10px 15px 10px 15px;
	font-family: 'Roboto', sans-serif !important;
text-transform: uppercase;
	font-size: 14px;
letter-spacing: 1px;
	border-radius: 999px;	
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /*************************************** miękki cień */
  transition: all 0.3s ease;
}

#seafarer_core_button-19 {
  font-family: 'Cormorant Upright', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 22px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /***************************************** miękki cień */
  transition: all 0.3s ease;
  border: none;
}
#seafarer_core_button-19:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); /***************************************** miękki cień */
  transform: translateY(-1px);
}











/**********************************************  UWAGA!  ********************************************* przycisk CTA Book your chalet / zarezerwuj domek - taki sam jak na urzadzeniach mobilnych wkladam na desktop w malych rozdzielczosciach - dodany do widzetow: header two, i sticky header two *********************************/
  
/*sticky header*/  #seafarer_core_button-15 {
  position: absolute !important;
  top: 200px; /* lepiej używać 'top' zamiast 'margin-top' dla precyzji */
  left: 0px;  /* wycentrowanie względem rodzica */
  transform: translateX(-30%); /* korekta o połowę szerokości przycisku */
  width: 50px !important;
  line-height: 1.3 !important; 
  text-align: center !important; 
	background-color: rgba(185, 164, 134, 0.4); /*  #b9a486 !important; złoty kolor */  
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
 padding: 5px 15px 5px 15px !important;
}

#seafarer_core_button-15 a {
  /*background-color: #010c16 */
	background-color: rgb(1, 12, 22, 0.85) !important;  /****************************************** moj piekny ciemny granat na Mobile Header *******************************************************/
	backdrop-filter: blur(2px); /* opcjonalnie, dodaje głębi i luksusowego efektu */
	 -webkit-backdrop-filter: blur(2px); /* dla Safari */	
  color: #b9a486 !important; /************************************************************************************************************************ złoty moj jasny */
	font-weight:500 !important; 
  border: none !important;
	line-height: 1.3 !important; 
padding: 15px 20px 15px 20px;
	font-family: 'Roboto', sans-serif !important;
text-transform: uppercase;
	font-size: 16px;
letter-spacing: 1px;
	border-radius: 999px;	
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /*************************************** miękki cień */
  transition: all 0.3s ease;
	width:150px;
}

 #seafarer_core_button-15  {
  font-family: 'Cormorant Upright', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 22px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /***************************************** miękki cień */
  transition: all 0.3s ease;
  border: none;
}

 #seafarer_core_button-15:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); /***************************************** miękki cień */
  transform: translateY(-1px);
}


/**************** do kiedy ma sie wyswietlac ten button ********************************************************************************************************************************************************************************************************************************/
@media (min-width: 1701px) {  
 #seafarer_core_button-15 {
    display: none !important;
  }
}
























/*******likwiduje wczesniejszy button CTA z menu mobilnego - Sprawdz ceny i dostepnosc - ne wiadomo gdzie jest jego html - byc moze nadpisany jest plik menu mobinego ********/
.menu-item .reservation-button, .custom-mobile-button {
	display:none !important;
}



/** na stronie BLOG w pojedynczych klasycznych postaw, w sidebar (to mail sidebar w widzetach) linku do kategorii (ul li a) **/
.blog-category-in-mail-sidebar li a {
  font-weight: 400 !important;
	color: #81735e;   /* zmienilamna ciemniejszy zloty */
	  text-decoration: none;
  transition: color 0.3s ease;
}
.blog-category-in-mail-sidebar li a:hover {  
font-weight: 600 !important;
}






/* Zmniejszenie H1 tylko we wpisach blogowych  - sprawdz do!!!!!!! */
.single-post article h1.entry-title {
  font-size: 40px !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

@media (max-width: 768px) {
  .single-post article h1.entry-title {
    font-size: 30px !important;
  }
}









/*********************************************************  MENU MOBILNE MOBILE     ********************************************************************************************************/


/********** Separator do menu - wersja EN (<hr> lub pseudo-border) *****/
.menu-item-35061::before, .menu-item-22809::before {                                            /******  .menu-item-22809 - Home   |  .menu-item-35061 - Check Prices...   |     ***********************************/
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.15); /* półprzezroczysty biały */
}
/********** Separator do menu - wersja PL (<hr> lub pseudo-border) *****/
.menu-item-35097::before, .menu-item-28488::before {                                            /******  .menu-item-28488 - Strona Główna   |  .menu-item-35097 - Check Prices...   |     ***********************************/
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.15); /* półprzezroczysty biały */
}











/**** wysokosc line-height we wszystkich pozycjach menu mobilnego -  ***/
/* Celujemy w dokładny układ w mobilnym menu */
.qodef-mobile-header-navigation ul li {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.qodef-mobile-header-navigation ul li > a {
  line-height: 1.1 !important;
  padding-top: 2px !important;
  padding-bottom: 4px !important;
}

.qodef-mobile-header-navigation ul li > a .qodef-menu-item-text {
  line-height: 1.3 !important;
}





/**** WPML w mobile menu - ustawienie inline  ***/
.qodef-mobile-header-navigation ul li.wpml-ls-menu-item {
  min-width: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 14px 0 1px;	
}


.qodef-mobile-header-navigation .wpml-ls-legacy-list-horizontal {
  display: flex !important;
  flex-direction: row !important;
  gap: 8px;
  padding: 8px 0;
}

/**************** style na hover dla linkow w widzecie: .qodef-widget-holder .qodef--right - czyli gorny najwyzszy pasek hover na desktop *******************/
/* Styl podstawowy – na wszelki wypadek */
.qodef-widget-holder.qodef--right a {
  color: #ffffff;
  font-weight: 400;
  transition: color 0.3s ease, font-weight 0.3s ease;
}

/* Hover – złoty kolor i pogrubienie */
.qodef-widget-holder.qodef--right a:hover {
  color: #b9a486 !important; /* złoty */
  font-weight: 500 !important;
	  transform: scale(1.2);
}
/******** powiekszam litery PL EN w wpml w header najwyzszym na desktop   ********/
.wpml-ls-legacy-list-horizontal a span {
	font-size:15px !important;
	font-weight:500 !important;
}
/* Hover – złoty kolor i pogrubienie */
.wpml-ls-legacy-list-horizontal a:hover {
  color: #b9a486 !important; /* złoty */
  font-weight: 500 !important;
	  transform: scale(1.2);
}


/**************** menu na desktop - lekki cien - ********************/
#qodef-page-header-inner   {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /***************************************** miękki cień */
  transition: all 0.3s ease;
}
.qodef-header-sticky  {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /***************************************** miękki cień */
  transition: all 0.3s ease;
}






/**************************************************   NA MOBILE  *******************************************/
/******************************************    HEADER HERO   - na stronie glownej PL - Mobile  ************************************/
/******************************************    HEADER HERO   - na stronie glownej PL - Mobile  ************************************/
/*******
   - strona PL to ID .elementor-28075)
   - stroona EN to ID .elementor-21480     
*******/
@media (max-width: 504px) {

  /* Skaluje cały kontent wewnątrz każdej kolumny */
  .elementor-28075 .elementor-element-2e29e5a {
    transform: scale(0.80) !important;
    transform-origin: top center !important;
  } 
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-28075 .elementor-element-2e29e5a H6.elementor-image-box-title {
	font-size: 42px !important;
    line-height: 1 !important;
		text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.7) !importnat; /****** cien od napisu ******/
}
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
	.elementor-28075 .elementor-element-2e29e5a H5.elementor-image-box-title {
	font-size: 16px !important;    
		letter-spacing: .16em;
		transform: scaleY(0.85);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
}
  /* Powiększam obrazek nagrody */
  .elementor-28075 .elementor-element-2e29e5a img.wp-image-36024 {
    transform: scale(1.5) !important;
    transform-origin: top center !important;
  }
}
/**************** reset skalowania na większych ekranach ********************/
@media (min-width: 505px) {
  .elementor-28075 .elementor-element-2e29e5a {
    transform: scale(1) !important;
    transform-origin: top center !important;
  }  
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-28075 .elementor-element-2e29e5a H6.elementor-image-box-title {
	font-size: 55px !important;
    line-height: 1.2 !important;
  }
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
  	.elementor-28075 .elementor-element-2e29e5a H5.elementor-image-box-title {
	font-size: 15px !important;    
		letter-spacing: .17em;
		transform: scaleY(0.9);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
	    
  }
	/* Powiększam obrazek nagrody */
	.elementor-28075 .elementor-element-2e29e5a img.wp-image-36024 {
    transform: scale(1.15) !important;
    transform-origin: top center !important;
    margin-bottom: -7px;
  }
}
/********************** KONIEC ********************    HEADER HERO   - na stronie glownej PL   ************************************/
/******************************************    HEADER HERO   - na stronie glownej EN  Mobile ************************************/
/******************************************    HEADER HERO   - na stronie glownej EN  Mobile ************************************/
/*******
   - strona PL to ID .elementor-28075)
   - stroona EN to ID .elementor-21480     
*******/

@media (max-width: 767px) {
  .elementor-21480 .elementor-element-6b0dd2a {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/**************** skalowanie kolumn na Hero Header (EN) ********************/
@media (max-width: 504px) {

  /* Skaluje cały kontent wewnątrz każdej kolumny */
  .elementor-21480 .elementor-element-6b0dd2a {
    transform: scale(0.80) !important;
    transform-origin: top center !important;
  } 
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-21480 .elementor-element-6b0dd2a H6.elementor-image-box-title {
	font-size: 42px !important;
    line-height: 1 !important;
		text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.7) !importnat; /****** cien od napisu ******/
}
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
	.elementor-21480 .elementor-element-6b0dd2a H5.elementor-image-box-title {
	font-size: 16px !important;    
		letter-spacing: .16em;
		transform: scaleY(0.85);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
}
  /* Powiększam obrazek nagrody */
  .elementor-21480 .elementor-element-6b0dd2a img.wp-image-35923 {
    transform: scale(1.5) !important;
    transform-origin: top center !important;
  }
}
/**************** reset skalowania na większych ekranach ********************/
@media (min-width: 505px) {
  .elementor-21480 .elementor-element-6b0dd2a {
    transform: scale(1) !important;
    transform-origin: top center !important;
  }  
	/* ustalam wysokosc H6 - liczby FB i Boking */
	.elementor-21480 .elementor-element-6b0dd2a H6.elementor-image-box-title {
	font-size: 55px !important;
    line-height: 1.2 !important;
  }
	/* ustalam wysokosc H5 - napis Marka Tatrzanska pod obrazkiem */
  	.elementor-21480 .elementor-element-6b0dd2a H5.elementor-image-box-title {
	font-size: 15px !important;    
		letter-spacing: .17em;
		transform: scaleY(0.9);
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 1) !importnat; /****** cien od napisu ******/
	    
  }
	/* Powiększam obrazek nagrody */
	.elementor-21480 .elementor-element-6b0dd2a img.wp-image-35923 {
    transform: scale(1.15) !important;
    transform-origin: top center !important;
    margin-bottom: -7px;
  }
}
/********************** KONIEC ********************    HEADER HERO   - na stronie glownej EN   ************************************/





/*********************  dodatkowo poprawka położenia głónego hero hasła     *************************//*
.elementor-28075 - PL - nr ID strony glownej; .elementor-element-b0336d3 - PL - klasa tego hero naglowka
.elementor-21480 - EN - nr ID strony glownej; .elementor-element-6c44329 - EN - - klasa tego hero naglowka */

@media (min-width: 800px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-bottom:30px !important;
	}
}
@media (min-width: 800px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-bottom: 30px !important;
	}
}
@media (min-width: 903px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-bottom:120px !important;
	}
}
@media (min-width: 903px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-bottom: 100px !important;
	}
}	
@media (min-width: 1025px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:80px !important;
	}
}
@media (min-width: 1025px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 80px !important;
	}
}	

@media (min-width: 1380px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:100px !important;
	padding-left:80px;
	padding-right:60px;
	}
}
@media (min-width: 1380px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 100px !important;
	padding-left:100px;
	padding-right:100px;
	}
}	



@media (min-width: 1600px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:100px !important;
	padding-left:190px;
	padding-right:100px;
	}
}
@media (min-width: 1600px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 100px !important;
	padding-left:200px;
	padding-right:100px;
	}
}	


/**************** reset paddingu na większych ekranach - powyzej 2027px ********************/
@media (min-width: 2028px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
	padding-top:90px !important;
	padding-left:100px;
	padding-right:100px;
	}
}
@media (min-width: 2028px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title  {
	padding-top: 60px !important;
	padding-left:100px;
	padding-right:100px;
	}
}	
/******** obnizam dolne trzy kolumny na hero header **********/
@media (min-width: 2028px) {
/*EN*/    .elementor-21480 .elementor-element.elementor-element-c491812,
/*PL*/    .elementor-28075 .elementor-element.elementor-element-2e29e5a {
   padding-top:200px !important;
	}
}






/****************  na bardzo duzych monitorach - powyzej 2450px ********************/

@media (min-width: 2350px) {
/*EN*/   .elementor-21480 .elementor-element.elementor-element-3c638e7 .qodef-qi-section-title .qodef-m-title {
padding-top:20px !important;
	padding-left:100px;
	padding-right:100px;
	}
}
@media (min-width: 2350px) {
/*PL*/	 .elementor-28075 .elementor-element.elementor-element-4acbe17 .qodef-qi-section-title .qodef-m-title {
padding-top:50px !important;
	}
}

/******** obnizam dolne trzy kolumny na hero header **********/
@media (min-width: 2450px) {
/*EN*/    .elementor-21480 .elementor-element.elementor-element-c491812,
/*PL*/    .elementor-28075 .elementor-element.elementor-element-2e29e5a {
   padding-top:250px !important;
	}
}





/********* naglowek H3, czli główne Hero hasło naglowka Hero Header - robie cien  *********/
.qodef-qi-section-title .qodef-m-title {	
	text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.7);
}
















/******************************************************************************************    UWAGA!!!!!    ******************** wymuszam full - width na WSZYSTKICH STRONACH! - tylko stronach - bez postow i chyba bez Tours (domki)     *******   UWAGA!!!!!      ****/


body.page #qodef-page-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}





/******** filtr czarno-bialy nad zdjecie na stronie Media - Spotlights     */

.film-filtered {
  filter: grayscale(100%) contrast(125%) brightness(125%);
  position: relative;
  z-index: 1;
  overflow: hidden; /* zapobiega rozlewaniu pseudo-elementu */
}

.film-filtered::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0.25)
  );
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px); /* Safari */
  pointer-events: none;
  z-index: 2;
}



/******** filtr nad zdjecie na stronie Atrakcje dookola     */

.film-filtered-color::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0.25)
  );
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px); /* Safari */
  pointer-events: none;
  z-index: 2;
}