/*
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
*/



/* Menu kontakt*/

.cs-tel .avia-menu-text,
.cs-mail .avia-menu-text {
  display: inline-flex;
  align-items: center;
  font-size: 15px !important;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap; /* zabezpieczenie przed łamaniem */
  color:#336F4B;
}
.cs-tel .avia-menu-text::before,
.cs-mail .avia-menu-text::before {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  flex-shrink: 0;
}
.cs-tel .avia-menu-text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23849d37'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3'/%3E%3C/svg%3E");
}

.cs-mail .avia-menu-text::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23849d37' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15A2.25 2.25 0 012.25 17.25V6.75M21.75 6.75A2.25 2.25 0 0019.5 4.5h-15A2.25 2.25 0 002.25 6.75m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91A2.25 2.25 0 012.25 6.993V6.75'/%3E%3C/svg%3E");
}



/* Baner główna - z kolorem row 
.cs-baner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;        
  text-align: left;
}*/

.cs-h1-baner {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.cs-h1-baner .av-special-heading-tag  { text-transform: uppercase!important;}
.cs-h1-baner .av-subheading p   {font-size: 22px!important;}


/* listy wypunktowane */
.cs-lista-wypunktowana  {margin-top: 10px;}
.cs-lista-wypunktowana .av-iconlist-small .iconlist_title_small {margin: 0px;}








/* 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_wrapper {
  width: 100%;
  min-width: 900px; /* tabela będzie szersza niż ekran telefonu */
  border-collapse: collapse;
  table-layout: auto;

  display: table; /* ważne: przywracamy table, bo TablePress może dodać inne */
}

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

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

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

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

/* Caption */
.cs-table #tablepress-cennik_wrapper 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_wrapper td {
    min-width: 140px;
  }
}

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




* 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: #849d37;
  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' viewBox='0 0 24 24'%3E%3Cg transform='scale(-1,1) translate(-24,0)'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 42px;
  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(132, 157, 55, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(132, 157, 55, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(132, 157, 55, 0);
  }
}



@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;
}
}