.elementor-18 .elementor-element.elementor-element-9ec54ba:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-9ec54ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3EE;}.elementor-18 .elementor-element.elementor-element-9ec54ba{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18 .elementor-element.elementor-element-9ec54ba > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-b2a7467:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b2a7467 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-b2a7467{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18 .elementor-element.elementor-element-b2a7467 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18 .elementor-element.elementor-element-b1e6ab4:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-b1e6ab4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-b1e6ab4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18 .elementor-element.elementor-element-b1e6ab4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-76b3c46{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-18 .elementor-element.elementor-element-76b3c46 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.54 * 100% );}.elementor-18 .elementor-element.elementor-element-76b3c46:after{content:"0.54";}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__thumbnail__link{width:100%;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__meta-data span + span:before{content:"•";}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__card{background-color:#FFFFFF;border-width:0px;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__card .elementor-post__meta-data{border-top-color:#B46A4D;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__text{margin-top:0px;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__badge{right:0;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__card .elementor-post__badge{background-color:#B46A4D;margin:18px;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__meta-data{color:#B46A4D;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__meta-data span:before{color:#000000;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-76b3c46{--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-18 .elementor-element.elementor-element-76b3c46:after{content:"0.5";}.elementor-18 .elementor-element.elementor-element-76b3c46 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-085d90c *//* --- PRZYCISK (Użyty w Hero) --- */
.btn-primary {
  display: inline-block;
  background-color: #7d9183;
  color: #fff;
  padding: 12px 32px;
  text-decoration: none;
  font-size: 15px;
  border-radius: 8px; /* ZMODYFIKOWANO: Kształt zaokrąglonego prostokąta, jak ustaliliśmy wcześniej */
  transition: background-color 0.3s, color 0.3s; /* ZMODYFIKOWANO: Dodano color do animacji przejścia */
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.btn-primary:hover {
  background-color: #6a7c6f;
  color: #ffffff; /* ZMODYFIKOWANO: Wymuszenie białego tekstu przy najechaniu */
}

/* --- HERO SECTION --- */
.hero-section {
  position: relative;
  width: 100%;
  min-height: 800px;
  
  /* Łączymy ciemny gradient dla czytelności z Twoim zdjęciem */
  background-image: 
    linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.1) 100%),
    url('http://wlasnymtempem.pl/wp-content/uploads/2026/04/hero-2-1.png');
  
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center; 
}

.hero-left-panel {
  width: 55%; 
  min-width: 320px;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  text-align: center; 
  padding-bottom: 30px; 
  z-index: 3;
}

.hero-content {
  padding: 10px 40px 20px;
}

.hero-content h1 {
  font-family: 'Playfair Display', serif;
  font-size: 42px;
  color: #ffffff;
  line-height: 1.15;
  margin: 0 0 20px 0;
  font-weight: 500;
}

.hero-description {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px !important; 
  color: #ffffff !important; 
  margin-bottom: 30px !important;
  font-weight: 00 !important; 

}

/* --- FALA NA DOLE --- */
.hero-bottom-wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 0;
  z-index: 2;
}

.hero-bottom-wave svg {
  width: 100%;
  height: 100%;
}

/* --- RESPONSIVE (Telefony) --- */
@media (max-width: 768px) {
  .hero-section {
    min-height: 400px;
    background-image: 
      linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 100%),
      url('http://wlasnymtempem.pl/wp-content/uploads/2026/04/hero-2-1.png');
  }
  .hero-left-panel {
    width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a8acfa3 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&family=Playfair+Display:wght@400;500;600&display=swap');

/* --- BAZA DLA SEKCJI --- */
.section-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
}

.section-title {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  color: #2c3e35;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
}

.pt-0 {
  padding-top: 0 !important;
}

/* --- PRZYCISK TEKSTOWY (Link) --- */
.btn-text {
  display: inline-block;
  color: #2c3e35; /* Ciemny teal dla tekstu */
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  border-bottom: 1px solid #B46A4D; /* ZMODYFIKOWANO: Nowy kolor podkreślenia (B46A4D) */
  padding-bottom: 2px;
  margin-top: 10px;
  transition: opacity 0.3s;
}

.btn-text:hover {
  opacity: 0.7;
}

/* --- ZACZNIJ TUTAJ (Minimal Article) --- */
.minimal-section {
  padding: 40px 0;
  background-color: #f5f3ee; /* Tło z głównego wrappera */
}

.minimal-article {
  display: flex;
  align-items: stretch;
  gap: 0;
  background: transparent;
  border-top: 1px solid rgba(44, 62, 53, 0.1);
  border-bottom: 1px solid rgba(44, 62, 53, 0.1);
}

.minimal-image {
  flex: 1;
  min-width: 300px;
}

.minimal-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.minimal-content {
  flex: 1;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.minimal-content h3 {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  color: #2c3e35;
  margin: 0 0 15px 0;
}

.minimal-content p {
  color: #444;
  margin-bottom: 20px;
}

/* --- RESPONSIVE (Telefony) --- */
@media (max-width: 768px) {
  .minimal-article {
    flex-direction: column;
    border: none;
  }
  .minimal-image {
    min-height: 250px;
  }
  .minimal-content {
    padding: 30px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-021f466 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&family=Playfair+Display:wght@400;500;600&display=swap');

/* --- KONTENERY I KLASY POMOCNICZE --- */
.section-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
    font-size: 18px;

  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
}

.text-center {
  text-align: center;
}

/* --- INTRO BLOGA --- */
.minimal-intro-section {
  padding: 30px 0 30px;
  background-color: #ffffff; /* Zmieniono na białe tło */
}

.lead-text {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  color: #2c3e35;
    line-height: 1.6;
  margin-bottom: 15px;
}

.minimal-intro-section p {
  color: #444;
  max-width: 800px; /* Zwęża tekst, ułatwiając czytanie na dużych ekranach */
  margin: 0 auto 15px auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-98cffc5 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&family=Playfair+Display:wght@400;500;600&display=swap');

/* --- BAZA DLA KART --- */
.series-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
}

.section-title {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  color: #2c3e35;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
}

/* --- PRZYCISKI KART --- */
.btn-card {
  display: inline-block;
  background-color: #7d9183;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  transition: background-color 0.3s;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.btn-card:hover {
  background-color: #6a7c6f;
}

/* --- SERIE ARTYKUŁÓW KARTY (Layout) --- */
.series-cards-section {
  padding: 20px 0 60px;
  background-color: #f5f3ee;
}

.series-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.series-card {
  border-radius: 6px;
  padding: 40px 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 290px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}

/* --- ZDJĘCIA W TLE W CAŁOŚCI (contain) --- */
.card-beige { 
  background-color: #f3ece0;
  background-image: 
    linear-gradient(rgba(243, 236, 224, 0.5), rgba(243, 236, 224, 0.5)), 
    url('http://wlasnymtempem.pl/wp-content/uploads/2026/04/Cykl-o-rozwoju-1-1.png');
  background-size: cover, contain;
  background-position: center;
  background-repeat: no-repeat;
}

.card-green { 
  background-color: #e8ede5;
  background-image: 
    linear-gradient(rgba(232, 237, 229, 0.5), rgba(232, 237, 229, 0.5)), 
    url('http://wlasnymtempem.pl/wp-content/uploads/2026/04/spektrum-1-scaled.png');
  background-size: cover, contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* --- ZAWARTOŚĆ KART --- */
.card-content-left {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-title {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  margin: 0 0 6px 0;
  font-weight: 500;
}

.card-title a {
  color: #2c3e35;
  text-decoration: none;
  transition: color 0.3s ease;
}

.card-title a:hover {
  color: #7d9183;
}

.card-subtitle {
  font-size: 15px;
  color: #888;
  margin: 0 0 25px 0;
  font-weight: 300;
}

.card-list {
  padding-left: 18px;
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
}

.card-list li {
  margin-bottom: 3px;
  color: #555;
}

.card-list li a {
  color: #444;
  text-decoration: none;
  transition: all 0.2s ease;
}

.card-list li a:hover {
  color: #7d9183;
}

.card-text {
  font-size: 14px;
  color: #444;
  line-height: 1.6;
  margin: 0 0 15px 0;
}

.card-divider {
  border: 0;
  border-bottom: 1px solid #c4cdc0;
  margin: 10px 0 20px 0;
  width: 100%;
}

/* --- PRZYCISKI WYRÓWNANE DO DOŁU --- */
.btn-right {
  align-self: flex-end;
  margin-top: auto;
}

.btn-left {
  align-self: flex-start;
  margin-top: auto;
}

/* --- UKRYCIE KWIATA I PUZZLI --- */
.card-image-wrapper {
  display: none !important;
}

/* --- RESPONSIVE (Telefony i Tablety) --- */
@media (max-width: 850px) {
  .series-grid { grid-template-columns: 1fr; }
  .card-content-left { width: 100%; padding-bottom: 0; }
  .btn-right, .btn-left { margin-top: 30px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fb0db0 *//* Ta klasa zapewnia, że tło i boczne odstępy (40px) są identyczne */
.latest-articles-fix {
    background-color: #ffffff; /* Zmieniono na białe tło */
    padding: 40px 40px !important; /* Musi być 40px z boku, jak w .series-section */
}

/* Kontener pilnuje, aby tekst nie wychodził poza 1050px i był wyśrodkowany */
.series-container {
    max-width: 1050px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif; /* Czcionka jak w reszcie strony */
}

.article-header {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    color: #33423a;
    font-weight: 600; /* Pogrubienie dopasowane do poprzednich nagłówków */
    margin: 0;
    padding: 0; 
    text-align: center; /* Wyśrodkowanie tekstu */
}

/* Poprawka dla telefonów */
@media (max-width: 850px) {
    .latest-articles-fix {
        padding: 20px 20px !important;
    }
}/* End custom CSS */