/* =========================================================
   Recent Posts 
   ========================================================= */

/* Reset i dziedziczenie */
.recent-posts-block {
  font: inherit;
  color: inherit;
}

/* -------------------------
   NAWIGACJA 
   ------------------------- */

.recent-posts-block nav.wp-block-navigation {
  padding: 10px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.recent-posts-block nav.wp-block-navigation .wp-block-navigation__container {
  /* Core: flex + wrap */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.recent-posts-block nav.wp-block-navigation .wp-block-navigation-item {
  margin: 0;
  list-style: none;
}

.recent-posts-block nav.wp-block-navigation .wp-block-navigation-item__content {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: 6px 12px;
}

.recent-posts-block nav.wp-block-navigation .wp-block-navigation-item__label {
  font: inherit;
  font-size: var(--wp--preset--font-size--caption);
  font-family: var(--wp--preset--font-family--gilroy) !important;
}

/* -------------------------
   LISTA POSTOW
   ------------------------- */

.recent-posts-block .wp-block-query {
  width: 100%;
}

.recent-posts-block .wp-block-post-template {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
  container-type: inline-size;
}

.recent-posts-block .wp-block-post-template > .wp-block-post {
  margin: 0;
  list-style: none;
}

.recent-posts-block .wp-block-post-template > .wp-block-post[style*="cursor"] {
  cursor: pointer;
}

/* -------------------------
   KARTA POSTA 
   ------------------------- */

/* Zewnetrzna grupa/karta */
.recent-posts-block .wp-block-group.glow-on-hover {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--wp--preset--color--white, #fff);
  overflow: hidden;
  gap: 0;
}


/* Obszar obrazu (figure) */
.recent-posts-block .wp-block-post-featured-image {
  display: block;
  margin: 0;
}

.recent-posts-block .wp-block-post-featured-image a {
  display: block;
}

.recent-posts-block .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  aspect-ratio: 16/9; 
}

/* Wewnetrzna grupa tresci  */
.recent-posts-block .wp-block-group.has-white-background-color {
  background: var(--wp--preset--color--white, #fff);
}

.recent-posts-block .wp-block-group.is-vertical {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

/* Pasek: kategoria + data (space-between) */
.recent-posts-block .wp-block-group.is-content-justification-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .5rem;
  white-space: nowrap;
}

/* Tytuł posta  */
.recent-posts-block .wp-block-post-title {
  margin: 0;
}

.recent-posts-block .wp-block-post-title a {
  color: inherit;
  text-decoration: none;
  transition: text-decoration-color .15s ease, color .15s ease;
	font-size: var(--wp--preset--font-size--heading-5);
    font-family: var(--wp--preset--font-family--gilroy);
    line-height: 1.4;
}

/* Excerpt */
.recent-posts-block .wp-block-post-excerpt {
  margin-top: .25rem;
}

.recent-posts-block .wp-block-post-excerpt__excerpt {
  margin: 0;
  color: inherit;
}

.recent-posts-block .wp-block-group[style*="border-top-color"] {
  border-top-style: solid;
}

/* -------------------------
   DROBIAZGI UZYTKOWE
   ------------------------- */

.recent-posts-block a:focus-visible {
  outline: 2px solid var(--wp--preset--color--grey-700, #444);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Spójne odstępy wewnętrzne sekcji treści */
.recent-posts-block .wp-block-group.flex-grow-1 {
  padding: 1rem;
}

/* Reset dla grupy „has-global-padding” wewnątrz karty z Twojego HTML */
.recent-posts-block .wp-block-group.has-global-padding {
  padding: 0 !important;
}

/* -------------------------
   RESPONSYWNOSC
   ------------------------- */

@media (max-width: 700px) {
  /* Siatka 1-kolumnowa gdy ciasno */
  .recent-posts-block .wp-block-post-template {
    grid-template-columns: 1fr;
  }

  /* Pasek kategoria+data może zawijać */
  .recent-posts-block .wp-block-group.is-content-justification-space-between {
    flex-wrap: wrap;
    row-gap: .25rem;
  }
}


.recent-posts-block [data-rp-container] {
  width: 100%;
}