.elementor-235 .elementor-element.elementor-element-e2e1cb3{--display:flex;--min-height:201px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235 .elementor-element.elementor-element-7931a89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235 .elementor-element.elementor-element-6d67c0a{--spacer-size:50px;}.elementor-235 .elementor-element.elementor-element-ebc5a84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-235 .elementor-element.elementor-element-7c9ce61 .elementor-heading-title{font-family:"Roboto Serif", Sans-serif;font-weight:600;color:#3E5818;}.elementor-235 .elementor-element.elementor-element-9c6bab3{--display:flex;}.elementor-235 .elementor-element.elementor-element-46580bc{--spacer-size:26px;}.elementor-235 .elementor-element.elementor-element-eb491b7{--spacer-size:26px;}.elementor-235 .elementor-element.elementor-element-7d8ed33{--spacer-size:26px;}.elementor-235 .elementor-element.elementor-element-d7cff3c{--spacer-size:26px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-235 .elementor-element.elementor-element-94e9cbc{--spacer-size:26px;}.elementor-235 .elementor-element.elementor-element-97b725e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-235 .elementor-element.elementor-element-46580bc{--spacer-size:14px;}.elementor-235 .elementor-element.elementor-element-eb491b7{--spacer-size:14px;}.elementor-235 .elementor-element.elementor-element-7d8ed33{--spacer-size:14px;}.elementor-235 .elementor-element.elementor-element-d7cff3c{--spacer-size:14px;}.elementor-235 .elementor-element.elementor-element-94e9cbc{--spacer-size:14px;}}/* Start custom CSS for html, class: .elementor-element-bf38515 *//* ----------------------------------
   PRZYCISKI FILTROWANIA
   (Wszystkie / oddech / well-being / komunikacja)
---------------------------------- */
.filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;                /* odstępy między guzikami */
  margin-bottom: 1.5rem;
  justify-content: start;   /* można zmienić np. na center */
}

/* Styl pojedynczego przycisku filtra */
.filter-btn {
  min-width: 120px;         /* każdy ma co najmniej 120px szerokości */
  text-align: center;
  
  padding: 0.6rem 1rem;
  background-color: #224F34; /* ciemniejszy zielony */
  color: #FFFFFF;            /* biały tekst */
  
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover + stan .active (gdy filtr jest wybrany) */
.filter-btn:hover,
.filter-btn.active {
  background-color: #DEEDCE; /* jaśniejsze tło */
  color: #224F34;           /* ciemnozielony tekst */
}


/* ----------------------------------
   KONTENER NA KARTY
---------------------------------- */
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;                /* odstęp między kartami */
  /* ewentualnie możesz dodać margin czy justify-content */
}

/* Pojedyncza karta */
.card {
  flex: 1 1 calc(25% - 1rem);  /* 4 karty w rzędzie na szerokich ekranach */
  min-width: 220px;            /* minimalna szerokość */
  
  border: 1px solid #ddd;
  padding: 1rem;
  box-sizing: border-box;
  
  transition: all 0.3s ease;
  position: relative;          /* na wypadek, gdybyś chciał coś pozycjonować absolutnie wewnątrz */
}

/* Gdy karta ma być ukryta (przy filtrowaniu) */
.card.hide {
  display: none;
}

/* Opcjonalnie: Obrazek w karcie */
.card img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
  border-radius: 4px; /* ewentualne zaokrąglenie */
}

/* Nagłówek i opis w karcie */
.card h3 {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: #224F34;
}

.card p {
  margin-bottom: 1rem;
}


/* ----------------------------------
   PRZYCISK „KLIKNIJ MNIE!” W KARCIE
---------------------------------- */
.btn {
  display: inline-block;
  min-width: 120px;
  text-align: center;
  
  padding: 0.6rem 1rem;
  background-color: #224F34; /* tło ciemnozielone */
  color: #FFFFFF;            /* tekst biały */
  
  border: none;
  border-radius: 4px;
  font-weight: 600;
  
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

/* Hover: tło jaśniejsze, tekst ciemnozielony */
.btn:hover {
  background-color: #DEEDCE;
  color: #224F34;
}

.btn {
  background-color: #224F34 !important;
  color: #fff !important;
}

.btn:hover {
  background-color: #DEEDCE !important;
  color: #224F34 !important;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-94e9cbc *//* ----------------------------------
   PRZYCISKI FILTROWANIA
   (Wszystkie / oddech / well-being / komunikacja)
---------------------------------- */
.filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;                /* odstępy między guzikami */
  margin-bottom: 1.5rem;
  justify-content: start;   /* można zmienić np. na center */
}

/* Styl pojedynczego przycisku filtra */
.filter-btn {
  min-width: 120px;         /* każdy ma co najmniej 120px szerokości */
  text-align: center;
  
  padding: 0.6rem 1rem;
  background-color: #224F34; /* ciemniejszy zielony */
  color: #FFFFFF;            /* biały tekst */
  
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
  font-weight: 600;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover + stan .active (gdy filtr jest wybrany) */
.filter-btn:hover,
.filter-btn.active {
  background-color: #DEEDCE; /* jaśniejsze tło */
  color: #224F34;           /* ciemnozielony tekst */
}


/* ----------------------------------
   KONTENER NA KARTY
---------------------------------- */
.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;                /* odstęp między kartami */
  /* ewentualnie możesz dodać margin czy justify-content */
}

/* Pojedyncza karta */
.card {
  flex: 1 1 calc(25% - 1rem);  /* 4 karty w rzędzie na szerokich ekranach */
  min-width: 220px;            /* minimalna szerokość */
  
  border: 1px solid #ddd;
  padding: 1rem;
  box-sizing: border-box;
  
  transition: all 0.3s ease;
  position: relative;          /* na wypadek, gdybyś chciał coś pozycjonować absolutnie wewnątrz */
}

/* Gdy karta ma być ukryta (przy filtrowaniu) */
.card.hide {
  display: none;
}

/* Opcjonalnie: Obrazek w karcie */
.card img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
  border-radius: 4px; /* ewentualne zaokrąglenie */
}

/* Nagłówek i opis w karcie */
.card h3 {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: #224F34;
}

.card p {
  margin-bottom: 1rem;
}


/* ----------------------------------
   PRZYCISK „KLIKNIJ MNIE!” W KARCIE
---------------------------------- */
.btn {
  display: inline-block;
  min-width: 120px;
  text-align: center;
  
  padding: 0.6rem 1rem;
  background-color: #224F34; /* tło ciemnozielone */
  color: #FFFFFF;            /* tekst biały */
  
  border: none;
  border-radius: 4px;
  font-weight: 600;
  
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

/* Hover: tło jaśniejsze, tekst ciemnozielony */
.btn:hover {
  background-color: #DEEDCE;
  color: #224F34;
}/* End custom CSS */