@charset "UTF-8";
/* ============================================================
   SINGLE WPISU BLOGA (Porady Eksperta) — templates/cpt/post/single.
   Enqueue: add-theme-assets.php (is_singular → assets/style.css).

   1) Kontener TYLKO na blogu zwężony do --layout-narrow (header/footer
      mają własne .container poza main — nie łapią się na ten scope).
   2) Strefa treści (.post-single__content) przywraca typografię gołych
      tagów: globalny reset motywu neutralizuje h1-h6/p/listy (1em,
      line-height 1, brak markerów), a klient w edytorze używa domyślnych
      bloków WP bez presetów. Rozmiary lustrzane do presetów z theme.json.
   ============================================================ */
.main-single-post .container {
  width: min(90%, var(--layout-narrow));
}
.main-single-post .post-single {
  padding-block: var(--space-3xl);
  display: grid;
  gap: var(--space-xl);
}
.main-single-post .post-single__header {
  text-align: center;
  display: grid;
  gap: var(--space-md);
  justify-items: center;
}
.main-single-post .post-single__meta {
  color: var(--wp--preset--color--gray);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-sm);
}
.main-single-post .post-single__meta a {
  color: var(--wp--preset--color--primary);
}
.main-single-post .post-single__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}
.main-single-post .post-single__tags {
  color: var(--wp--preset--color--gray-dark);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.main-single-post .post-single__tags a {
  color: var(--wp--preset--color--primary);
}
.main-single-post .post-single__content {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: var(--wp--preset--color--gray-dark);
}
.main-single-post .post-single__content > * ~ * {
  margin-top: var(--space-md);
}
.main-single-post .post-single__content h2,
.main-single-post .post-single__content h3,
.main-single-post .post-single__content h4,
.main-single-post .post-single__content h5,
.main-single-post .post-single__content h6 {
  color: var(--wp--preset--color--black);
  font-family: var(--ffont);
  font-weight: 700;
  line-height: 140%;
}
.main-single-post .post-single__content > h2 ~ *,
.main-single-post .post-single__content > h3 ~ * {
  margin-top: var(--space-md);
}
.main-single-post .post-single__content > * ~ h2,
.main-single-post .post-single__content > * ~ h3,
.main-single-post .post-single__content > * ~ h4 {
  margin-top: var(--space-xl);
}
.main-single-post .post-single__content h2 {
  font-size: 30px;
}
.main-single-post .post-single__content h3 {
  font-size: 24px;
}
.main-single-post .post-single__content h4 {
  font-size: 19px;
}
.main-single-post .post-single__content h5,
.main-single-post .post-single__content h6 {
  font-size: 16px;
}
.main-single-post .post-single__content a {
  color: var(--wp--preset--color--primary);
  font-weight: 700;
}
.main-single-post .post-single__content a:hover {
  text-decoration: underline;
}
.main-single-post .post-single__content ul,
.main-single-post .post-single__content ol {
  padding-left: var(--space-lg);
  display: grid;
  gap: var(--space-sm);
}
.main-single-post .post-single__content ul li::marker,
.main-single-post .post-single__content ol li::marker {
  color: var(--wp--preset--color--primary);
}
.main-single-post .post-single__content ul ul,
.main-single-post .post-single__content ul ol,
.main-single-post .post-single__content ol ul,
.main-single-post .post-single__content ol ol {
  margin-top: var(--space-sm);
}
.main-single-post .post-single__content ul {
  list-style: disc;
}
.main-single-post .post-single__content ol {
  list-style: decimal;
}
.main-single-post .post-single__content blockquote,
.main-single-post .post-single__content .wp-block-quote {
  padding: var(--space-md) var(--space-lg);
  border-left: 3px solid var(--wp--preset--color--primary);
  background: var(--wp--preset--color--bg);
  border-radius: var(--radius-sm);
}
.main-single-post .post-single__content blockquote cite,
.main-single-post .post-single__content .wp-block-quote cite {
  display: block;
  margin-top: var(--space-sm);
  font-size: 14px;
  font-style: normal;
  color: var(--wp--preset--color--gray);
}
.main-single-post .post-single__content .wp-block-pullquote {
  padding: var(--space-xl);
  text-align: center;
  border-block: 3px solid var(--wp--preset--color--primary);
}
.main-single-post .post-single__content .wp-block-pullquote blockquote {
  padding: 0;
  border: none;
  background: none;
  font-size: 24px;
  line-height: 34px;
  font-family: var(--ffont);
  color: var(--wp--preset--color--black);
}
.main-single-post .post-single__content .wp-block-image img,
.main-single-post .post-single__content figure img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}
.main-single-post .post-single__content .wp-block-image figcaption,
.main-single-post .post-single__content figure figcaption {
  margin-top: var(--space-sm);
  text-align: center;
  font-size: 14px;
  color: var(--wp--preset--color--gray);
}
.main-single-post .post-single__content .wp-block-gallery {
  gap: var(--space-md);
}
.main-single-post .post-single__content .wp-block-embed__wrapper iframe,
.main-single-post .post-single__content video {
  max-width: 100%;
  border-radius: var(--radius-md);
}
.main-single-post .post-single__content .wp-block-table table,
.main-single-post .post-single__content table {
  width: 100%;
  border-collapse: collapse;
}
.main-single-post .post-single__content .wp-block-table table th,
.main-single-post .post-single__content .wp-block-table table td,
.main-single-post .post-single__content table th,
.main-single-post .post-single__content table td {
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--wp--preset--color--gray-light);
  text-align: left;
}
.main-single-post .post-single__content .wp-block-table table th,
.main-single-post .post-single__content table th {
  background: var(--wp--preset--color--bg);
  color: var(--wp--preset--color--black);
  font-weight: 700;
}
.main-single-post .post-single__content .wp-block-table table tr:nth-child(even) td,
.main-single-post .post-single__content table tr:nth-child(even) td {
  background: var(--wp--preset--color--bg);
}
.main-single-post .post-single__content code {
  font-family: var(--mono);
  font-size: 14px;
  background: var(--wp--preset--color--bg);
  padding: 0 var(--space-xs);
  border-radius: var(--radius-sm);
}
.main-single-post .post-single__content pre,
.main-single-post .post-single__content .wp-block-code {
  padding: var(--space-md) var(--space-lg);
  background: var(--wp--preset--color--bg);
  border: 1px solid var(--wp--preset--color--gray-light);
  border-radius: var(--radius-md);
  overflow-x: auto;
}
.main-single-post .post-single__content pre code,
.main-single-post .post-single__content .wp-block-code code {
  padding: 0;
  background: none;
}
.main-single-post .post-single__content .wp-block-columns {
  gap: var(--space-lg);
}
.main-single-post .post-single__content strong,
.main-single-post .post-single__content b {
  color: var(--wp--preset--color--black);
}
@media only screen and (max-width: 781px) {
  .main-single-post .post-single {
    padding-block: var(--space-2xl);
    gap: var(--space-lg);
  }
  .main-single-post .post-single__content h2 {
    font-size: 24px;
  }
  .main-single-post .post-single__content h3 {
    font-size: 20px;
  }
  .main-single-post .post-single__content h4 {
    font-size: 17px;
  }
  .main-single-post .post-single__content .wp-block-pullquote blockquote {
    font-size: 20px;
    line-height: 28px;
  }
}