/* Szerokość kontenera treści na wpisach i stronach */

.single-post .entry-content,
.page .entry-content {
  margin: auto;
  max-width: 1140px;
}

/* H2 */
.single-post .entry-content h2.wp-block-heading,
.page .entry-content h2.wp-block-heading,
.cs-article h2.wp-block-heading {
  color: var(--main--03);
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  padding-bottom: 12px;
}

/* H3 */
.single-post .entry-content h3.wp-block-heading,
.page .entry-content h3.wp-block-heading,
.cs-article h3.wp-block-heading {
  color: var(--main--03);
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
  padding-bottom: 12px;
}

/* Odstępy bloków */
.single-post .entry-content .wp-block-heading,
.single-post .entry-content .wp-block-group,
.page .entry-content .wp-block-heading,
.page .entry-content .wp-block-group,
.cs-article .wp-block-heading,
.cs-article .wp-block-group {
  padding-top: 48px;
}

.single-post .entry-content .wp-block-heading:first-child,
.page .entry-content .wp-block-heading:first-child,
.cs-article .wp-block-heading:first-child {
  padding-top: 0;
}

/* Tekst i listy */
.single-post .entry-content p,
.single-post .entry-content li,
.page .entry-content p,
.page .entry-content li,
.cs-article .entry-content p,
.cs-article .entry-content li {
  font-size: var(--font-size-16);
  line-height: var(--line-height-16);
  font-weight: var(--font-weight-300);
  margin-top: 6px !important;
}

.single-post .entry-content li,
.page .entry-content li {
  list-style: square;
  margin-left: 16px !important;
}

.single-post .entry-content ol,
.single-post .entry-content ul,
.page .entry-content ol,
.page .entry-content ul {
  margin: 12px 0;
}

/* Separator / HR */
.single-post .entry-content .wp-block-separator,
.page .entry-content .wp-block-separator,
.cs-article .wp-block-separator {
  border: none;
  border-bottom: 1px solid !important;
  color: var(--black--03);
  margin: 48px 0 24px 0;
}

/* FAQ reset */
.single-post .entry-content .cs-faq,
.page .entry-content .cs-faq,
.cs-article .cs-faq {
  padding: 0 !important;
}

/* =========================
   BLOG LISTING + RELATED GRID
   ========================= */

.cs-blog__grid,
.cs-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 48px;
}

.cs-blog__title,
.cs-related__title {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  color: var(--main--03);
}

/* tablet */
@media (max-width: 1024px) {
  .cs-blog__grid,
  .cs-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
  }
}

/* mobile */
@media (max-width: 768px) {
  .cs-blog__grid,
  .cs-related__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

h2.cs-postcard__title {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-16);
  line-height: var(--line-height-16);
  font-weight: var(--font-weight-400);
  padding-top: 16px;
}

img.cs-postcard__img.wp-post-image {
  border-radius: var(--b--xsm);
  margin-bottom: 20px;
}

.cs-blog__cats,
.cs-article__subhead {
  display: flex;
  gap: 16px;
  align-items: center;
}

.cs-blog__head,
.cs-related__head {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 48px;
}

@media (max-width: 768px) {
  .cs-blog__head {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 48px;
    flex-direction: column;
}

.cs-blog__cats {
  width: 100vw;
  overflow-x: scroll;
  margin-left: -24px;
  padding-left: 24px;
  padding-right: 24px;
  height: 64px;
}
}

/* =========================
   BLOG POST (single)
   ========================= */

.cs-article {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 750px;
  margin: auto;
}

header.cs-article__head {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.cs-article__title {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  color: var(--main--03);
}

.cs-related {
  padding: 64px 0 128px 0;
}

time.cs-article__date {
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
  color: var(--black--06);
}

p.cs-article__lead {
  font-size: var(--font-size-20);
  line-height: var(--line-height-20);
}

.cs-article__hero {
  margin: 0;
}

.cs-article img {
  border-radius: var(--b--xsm);
}

.wp-element-caption {
  font-size: var(--font-size-13) !important;
  line-height: var(--line-height-13) !important;
  color: var(--black--05) !important;
  font-weight: var(--font-weight-300) !important;
}