.elementor-21179 .elementor-element.elementor-element-b5454b8{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-21179 .elementor-element.elementor-element-8fdafe3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:64px;font-weight:700;text-transform:none;}.elementor-21179 .elementor-element.elementor-element-d27086a{--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-7f56fc7 *//* ===========================
   ARCHIWUM POSTÓW – PEŁNY CSS (wersja poprawiona)
   =========================== */

/* Kontener archiwum */
.amaz-archive {
  display: grid;
  gap: 44px;
}

/* ====== BLOKI UKŁADU ====== */

/* DUŻY POJEDYNCZY WPIS (featured): obrazek lewo, treść prawo */
.amaz-post--featured {
  display: grid;
  grid-template-columns: 1.6fr 1fr;   /* obraz większy od treści */
  gap: 28px;
  align-items: center;
}

/* Para kafelków obok siebie (2 kolumny) */
.amaz-row-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

/* Każdy kafelek w parze – pionowy układ: obrazek u góry, treść pod nim */
.amaz-post--card {
  display: grid;
  grid-template-columns: 1fr;   /* jedna kolumna */
  grid-template-rows: auto 1fr; /* obrazek, potem treść */
  gap: 16px;
  align-items: start;
}

/* ====== OBRAZKI ====== */
.amaz-post__image {
  display: block;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
}
.amaz-post__image img {
  width: 100%;
  height: 100%;
  max-height: 420px;           /* możesz dopasować */
  object-fit: cover;
}

/* Dla kafelków możesz chcieć nieco niższy obraz */
.amaz-post--card .amaz-post__image img {
  max-height: 360px;
}

/* ====== TREŚĆ ====== */
.amaz-post__content { padding: 6px 4px; }





/* Wymuś styl tytułu – działa na h2/h3 i na ID typu #tytul1, #tytul2... */
body .amaz-archive h2.amaz-post__title,
body .amaz-archive h3.amaz-post__title,
body .amaz-archive [id^="tytul"] {
  font-weight: 700 !important;
  font-size: 40px !important;
  line-height: 1 !important;

}

/* Link w tytule ma dziedziczyć rozmiar/ciężar/wysokość linii */
body .amaz-archive h2.amaz-post__title > a,
body .amaz-archive h3.amaz-post__title > a,
body .amaz-archive [id^="tytul"] > a {
  font: inherit !important;          /* przejmuje font-size, weight, line-height */
  color: inherit !important;
  text-decoration: none !important;
}
body .amaz-archive h2.amaz-post__title > a:hover,
body .amaz-archive h3.amaz-post__title > a:hover,
body .amaz-archive [id^="tytul"] > a:hover {

}












.amaz-post__meta {
  display: inline-block;
  margin: 6px 0 14px;
  color: #666;
  font-size: 14px !important;
}

.amaz-post__excerpt {
  color: #222;
  font-size: 14px !important;;   /* poprawka */
  line-height: 1.6;
  margin-bottom: 16px;
}

/* Przycisk: zawsze czarny z białym napisem. Hover bez zmian. */
body .amaz-archive .amaz-post__btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:10px 26px !important;
  margin-top: 20px;
  background:#000 !important;
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  text-decoration:none !important;
  font-weight:400 !important;
  font-size:14px !important;
  box-shadow:none !important;
  transition:transform .2s ease !important;
}
body .amaz-archive .amaz-post__btn:hover,
body .amaz-archive .amaz-post__btn:focus{
  background:#000 !important;
  color:#fff !important;
  box-shadow:none !important;
  outline:none !important;
}

/* ====== PAGINACJA ====== */
.amaz-pagination {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.amaz-pagination .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  border-radius: 10px;
  text-decoration: none;
  color: #111;
  background: #f6f6f6;
}
.amaz-pagination .current,
.amaz-pagination a:hover {
  background: #111;
  color: #fff;
}

/* ====== RESPONSYWNOŚĆ ====== */
@media (max-width: 1100px) {
  /* Featured przechodzi w jedną kolumnę – wtedy tekst pod obrazkiem (mobile) */
  .amaz-post--featured {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  /* Para kafelków układa się w jedną kolumnę */
  .amaz-row-pair { grid-template-columns: 1fr; }

  /* Obrazy trochę niższe na wąskich ekranach */
  .amaz-post__image img { max-height: 360px; }
  .amaz-post--card .amaz-post__image img { max-height: 320px; }
}/* End custom CSS */