/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/* Ostylowanie strong / bold w treści*/

#top strong {color: #282b2e; font-weight: 500;}
#top b {color: #282b2e; font-weight: 500;}


/* Ostylowanie subtitle, &, inne */


#top .subtitle-1 {color:#e3b770!important;}
#top .subtitle-2 {color:#d1a255!important;}

#top .subtitle-3 {color:#e3b770!important; font-size:28px; font-weight:600;}


/* Kolor ikon dla id #icon */

  #icon .stone_een {
    fill: #e3b770 !important;
  }



/* Ostylowanie nagłówki białe - tel header */

#top .cs-tel-header .av-heading-link {color:#ffffff!important; text-decoration: none; font-weight:600!important;}



/* Styl menu - tylko dla podmenu z menu-item-69 */
#header_main .sub-menu > li {
  border-bottom: 1px solid #f1f1f1;
}

/* Styl menu - Usuń border z ostatniego elementu */
#header_main .sub-menu > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}







/* Video w bamerze ikona po kliknięciu otwiera się wideo - kolor biały i pulsowanie */


#cs-video-icon svg {
  fill: white !important;
  animation: pulse-icon 3s infinite; /* ← zmieniono z 1.5s na 3s */
  transform-origin: center;
}

@keyframes pulse-icon {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0px white);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    filter: drop-shadow(0 0 10px white);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0px white);
    opacity: 1;
  }
}



@media (max-width: 768px) {
/* Rozszerz iframe i kontener do 100% szerokości i wysokości */
/* Kontener popupu */
.avia-popup .mfp-iframe-scaler {
    width: 80vw !important;
    height: 80vh !important;
    max-width: 80vw !important;
    max-height: 80vh !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Samo iframe */
.avia-popup iframe {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
}

/* Kontener ogólny */
.mfp-container {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Przycisk zamknięcia (X) – upewniamy się, że jest widoczny na wierzchu */
.mfp-close {
    z-index: 9999 !important;
    position: fixed !important;
    top: 20px !important;
    right: 30px !important;
    font-size: 30px !important;
    color: white !important;
    background: none !important;
    text-shadow: none !important;
}
}



/* columny rezerwacja - główna ostylowanie css */


div#cs-reservation-col1 {
    margin-bottom: 0px !important;
}
div#cs-reservation-col2 {
    margin-bottom: 0px !important;
}


#cs-reservation-col1 {
border-left: 5px solid #e3b770;
border-top: 5px solid #e3b770;
   border-bottom: 5px solid #e3b770;
  border-radius: 5px 0 0 5px;
}

#cs-reservation-col2 {
   border-right: 5px solid #e3b770;
   border-top: 5px solid #e3b770;
   border-bottom: 5px solid #e3b770;
  border-radius: 0 5px 5px 0;
}


@media only screen and (max-width: 990px) {

#cs-reservation-col1 {
border-left: 5px solid #e3b770;
border-top: 5px solid #e3b770;
   border-right: 5px solid #e3b770;
   border-bottom:none !important;
  border-radius: 5px 5px 0 0;
}

#cs-reservation-col2 {
   border-right: 5px solid #e3b770;
   border-left: 5px solid #e3b770;
   border-bottom: 5px solid #e3b770;
   border-top:none !important;
  border-radius: 0 0 5px 5px;
}


  }
}


/* rezerwacja hotress - główna ostylowanie css */

#cs-reservation-col1 .av-special-heading-h3 {padding-bottom: 0px!important;}
#cs-reservation-col1 .av-special-heading-h3 h3 {color:#333!important; font-weight:bold!important;}
#cs-reservation-col2 form {  margin-bottom: 0px!important;}



form#hotresChooser {
    margin: 0px!important;
}

.hotresChooser {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
}

.hotresSubmit button {
    background: #333!important;
	color: #fff;
    font-weight: 600;
	text-transform: uppercase;
	font-size:20px !important;
	font-weight:500!important;
	
}

.hotresRangeChooser {

    background: #f7f7f7!important;
}

#hotresAdultsSelect {
    font-weight: bold!important;
    font-size: 28px!important;
	color:#484343 !important;
	 text-align: center!important;          /* Wyśrodkowanie w niektórych przeglądarkach */
    text-align-last: center!important;     /* Wyśrodkowanie wybranej opcji (najważniejsze!) */
    -moz-text-align-last: center!important; /* Specjalnie dla Firefoxa */
}

/* columny rezerwacja - ostylowanie responsywności css na mobile */

/* Responsive layout for mobile */

@media (max-width: 768px) {
  form#hotresChooser {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
  }

  #hotresRangeChooser {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    width: 100%;
  }

  #hotresArrivalWrap,
  #hotresDepartureWrap {
 display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  flex: 0 0 calc(50% - 8px);
  box-sizing: border-box;
  }

  #hotresArrivalWrap > .hotresDate,
  #hotresDepartureWrap > .hotresDate {
    grid-column: 1;
    grid-row: 1 / span 2;
    font-size: 28px;
    font-weight: bold;
  }

  #hotresArrivalWrap > .hotresMonth,
  #hotresDepartureWrap > .hotresMonth {
    grid-column: 2;
    grid-row: 1;
    position: static !important;
    top: unset !important;
    font-size: 16px !important;
    line-height: 1.2;
    align-self: end;
  }

  #hotresArrivalWrap > .hotresYear,
  #hotresDepartureWrap > .hotresYear {
    grid-column: 2;
    grid-row: 2;
    position: static !important;
    top: unset !important;
    font-size: 11px !important;
    opacity: 0.6;
    line-height: 1.2;
    align-self: start;
  }

  .hotresSubmit {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 12px;
  }

  .hotresSubmit button {
    width: 100%;
    max-width: 300px;
  }
}












/* Video po kliknięciu otwiera się, poniżej ikona dla UX */

/* Kontener - potrzebny, żeby ikonka była nad obrazkiem */
#id-video {
  position: relative;
  display: block;
}

/* Dodaj pseudo-element z ikonką i niebieskim tłem */
#id-video::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background-color: #e3b770;
  border-radius: 50%;
  transform: translate(-50%, -50%) scaleX(-1); /* Obrót ikony w prawo */
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 16.811c0 .864-.933 1.406-1.683.977l-7.108-4.061a1.125 1.125 0 0 1 0-1.954l7.108-4.061A1.125 1.125 0 0 1 21 8.689v8.122ZM11.25 16.811c0 .864-.933 1.406-1.683.977l-7.108-4.061a1.125 1.125 0 0 1 0-1.954l7.108-4.061a1.125 1.125 0 0 1 1.683.977v8.122Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  pointer-events: none; /* nie blokuje kliknięcia na link */
  animation: pulse 2s infinite;
}

/* Efekt pulsowania */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(227, 183, 112, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(227, 183, 112, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(227, 183, 112, 0);
  }
}







/* Główna strona - ikona wyśrokdkowana do teksu  - lista wypunktowana zalety */
/* Wyśrodkowanie ikony względem tekstu */
#cs-list-icon .avia-icon-list li {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 2px 0 !important;
}

/* Styl ikony – centruje ikonę w pionie */
#cs-list-icon .iconlist_icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 10px !important;
}

/* Styl treści listy */
#cs-list-icon .article-icon-entry {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tytuł listy – mniejsze odstępy */
#cs-list-icon .av_iconlist_title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  font-size: 16px; /* dostosuj jeśli chcesz mniejsze/większe */
}

/* Usunięcie marginesów z wrappera treści */
#cs-list-icon .iconlist_content_wrap {
  margin: 0 !important;
  padding: 0 !important;
}



#cs-list-icon .av-iconlist-small .iconlist_content_wrap {padding-bottom: 4px;}








/* Footer - socked na środku dla menu ikon fb, itp. */


@media only screen and (max-width: 767px) {
  #socket .container {
    text-align: center;
    display: block !important;
  }

  #socket .copyright,
  #socket nav,
  #socket .social_bookmarks {
    display: block;
    width: 100%;
    margin: 5px 0;
    text-align: center;
  }

  #socket nav ul {
    display: inline-block;
    padding: 0;
    margin: 0;
  }

  #socket nav li {
    display: inline-block;
    margin: 0 8px;
  }

  #socket .social_bookmarks {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }

  #socket .social_bookmarks li {
    display: inline-block;
    margin: 0 8px;
    float: none;
  }
}





/* Główna strona - opis oferty dla rodzin, firm, studentów - opisna mobile margin top */

@media (max-width: 768px) {
	
#cs-opis-gl-oferta {margin-top:-30px!important;}
	
}


/* Główna strona - ikony partnerzy opływanie w jednej lini */

#cs-partner {
  text-align: center;
}

.cseo-img1-parter,
.cseo-img2-parter {
  display: inline-block !important;
  vertical-align: middle;
  margin: 10px !important;
  float: none !important;
  width: auto !important;
}

/* Ukryj na ekranach większych niż 990px (desktop) */
@media (min-width: 990px) {
  #cs-partner {
    display: none !important;
  }
}

/* Ukryj na ekranach od 768px do 989px (tablet landscape) */
@media (min-width: 768px) and (max-width: 989px) {
  #cs-partner {
    display: none !important;
  }
}






















/* Stopka  - menu pionowe rozwijane z java + ikony */




/* Główne elementy menu */
#nav_menu-2 #menu-menu-sidebar > li {
  border-bottom: 1px solid #e3b770;
  padding: 0px 10px;
  text-align: left;
}

/* Usuń border-top dla pierwszego elementu */
#nav_menu-2 #menu-menu-sidebar > li:first-child {
  border-top: none !important;
}

/* Wrapper: link + ikona */
#nav_menu-2 .menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Linki główne */
#nav_menu-2 .menu-header a,
#nav_menu-2 #menu-menu-sidebar > li > a {
  display: block;
  text-decoration: none;
  text-align: left;
  color: #484343 !important;
  font-weight: normal !important;
}

/* Ikona rozwijania */
#nav_menu-2 .toggle-icon {
  cursor: pointer;
  margin-left: 10px;
  display: inline-flex;
  vertical-align: middle;
}

#nav_menu-2 .toggle-icon svg {
  width: 20px;
  height: 20px;
}

/* Submenu */
#nav_menu-2 ul.sub-menu {
  display: none;
  background-color: #f9f9f9;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
  text-align: left;
}

/* Usunięcie kropek dodanych przez motyw */
#nav_menu-2 ul ul li:before {
  content: none !important;
  display: none !important;
  position: static !important;
}

/* Elementy submenu */
#nav_menu-2 ul.sub-menu > li {
  display: block !important;
  list-style: none !important;
  border-bottom: 1px solid #e3b770;
  text-align: left;
 padding: 0px 10px !important;
}

/* Usuń border-top i bottom w submenu */
#nav_menu-2 ul.sub-menu > li:first-child {
  border-top: none !important;
}
#nav_menu-2 ul.sub-menu > li:last-child {
  border-bottom: none !important;
}

/* Linki w submenu */
#nav_menu-2 ul.sub-menu > li a {
  display: block;
  text-decoration: none;
  color: #484343 !important;
  font-weight: normal !important;
  text-align: left;
  padding: 0; /* padding już jest na <li> */
}

/* Wyłączenie boldowania aktywnych elementów */
#nav_menu-2 .current-menu-item > a,
#nav_menu-2 .current_page_item > a {
  font-weight: normal !important;
}






/* 

Cennik - tabela ostylowanie kolorów i przewijanie

*/

/* Sekcja nadrzędna – wymusza scrollowanie, jeśli tabela jest za szeroka */
.cs-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}



/* Wynajem cennik */


/* Tabela wewnątrz sekcji */
.cs-table #tablepress-cennik {
  width: 100%;
  min-width: 900px; /* tabela będzie szersza niż ekran telefonu */
  border-collapse: collapse;
  table-layout: auto;
  background-color: #F9F7F7;
  border: 1px solid #e3b770;
  display: table; /* ważne: przywracamy table, bo TablePress może dodać inne */
}

/* Nagłówki */
.cs-table #tablepress-cennik th {
  background-color: #e3b770;
  color: white;
  padding: 10px;
  border: 1px solid #e3b770;
  text-align: left;
  white-space: nowrap;
}

/* Komórki danych */
.cs-table #tablepress-cennik td {
  padding: 10px;
  border: 1px solid #e3b770;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Naprzemienne wiersze */
.cs-table #tablepress-cennik tr:nth-child(even) {
  background-color: #FFFFFF;
}

.cs-table #tablepress-cennik tr:nth-child(odd) {
  background-color: #F0F0F0;
}

/* Caption */
.cs-table #tablepress-cennik caption {
  font-size: 0.9em;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 5px;
  background: none;
  border: none;
  margin: 0;
}

/* Responsywne komórki na mobile */
@media (max-width: 768px) {
  .cs-table #tablepress-cennik td {
    min-width: 140px;
  }
}

@media (max-width: 480px) {
  .cs-table #tablepress-cennik td {
    min-width: 120px;
  }
}



/* Wynajem kaucja */


/* Tabela wewnątrz sekcji */
.cs-table #tablepress-kaucja {
  width: 100%;
  min-width: 900px; /* tabela będzie szersza niż ekran telefonu */
  border-collapse: collapse;
  table-layout: auto;
  background-color: #F9F7F7;
  border: 1px solid #e3b770;
  display: table; /* ważne: przywracamy table, bo TablePress może dodać inne */
}

/* Nagłówki */
.cs-table #tablepress-kaucja th {
  background-color: #e3b770;
  color: white;
  padding: 10px;
  border: 1px solid #e3b770;
  text-align: left;
  white-space: nowrap;
}

/* Komórki danych */
.cs-table #tablepress-kaucja td {
  padding: 10px;
  border: 1px solid #e3b770;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Naprzemienne wiersze */
.cs-table #tablepress-kaucja tr:nth-child(even) {
  background-color: #FFFFFF;
}

.cs-table #tablepress-kaucja tr:nth-child(odd) {
  background-color: #F0F0F0;
}

/* Caption */
.cs-table #tablepress-kaucja caption {
  font-size: 0.9em;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 5px;
  background: none;
  border: none;
  margin: 0;
}

/* Responsywne komórki na mobile */
@media (max-width: 768px) {
  .cs-table #tablepress-kaucja td {
    min-width: 140px;
  }
}

@media (max-width: 480px) {
  .cs-table #tablepress-kaucja td {
    min-width: 120px;
  }
}



/* Wynajem bali */


/* Tabela wewnątrz sekcji */
.cs-table #tablepress-wynajembalii {
  width: 100%;
  min-width: 900px; /* tabela będzie szersza niż ekran telefonu */
  border-collapse: collapse;
  table-layout: auto;
  background-color: #F9F7F7;
  border: 1px solid #e3b770;
  display: table; /* ważne: przywracamy table, bo TablePress może dodać inne */
}

/* Nagłówki */
.cs-table #tablepress-wynajembalii th {
  background-color: #e3b770;
  color: white;
  padding: 10px;
  border: 1px solid #e3b770;
  text-align: left;
  white-space: nowrap;
}

/* Komórki danych */
.cs-table #tablepress-wynajembalii td {
  padding: 10px;
  border: 1px solid #e3b770;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Naprzemienne wiersze */
.cs-table #tablepress-wynajembalii tr:nth-child(even) {
  background-color: #FFFFFF;
}

.cs-table #tablepress-wynajembalii tr:nth-child(odd) {
  background-color: #F0F0F0;
}

/* Caption */
.cs-table #tablepress-wynajembalii caption {
  font-size: 0.9em;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 5px;
  background: none;
  border: none;
  margin: 0;
}

/* Responsywne komórki na mobile */
@media (max-width: 768px) {
  .cs-table #tablepress-wynajembalii td {
    min-width: 140px;
  }
}

@media (max-width: 480px) {
  .cs-table #tablepress-wynajembalii td {
    min-width: 120px;
  }
}
















/* Galeria - dopracowanie portfolio */

#cs-portfolio  .entry-title {text-align:center;font-size: 16px!important;}