/* =========================================================================
   blog.css — стили блога и одиночных постов
   ========================================================================= */

/* -------------------------------------------------------------------------
   Оглавление (EZ TOC)
   ------------------------------------------------------------------------- */
#ez-toc-container li,
#ez-toc-container ul,
#ez-toc-container ul li,
div.ez-toc-widget-container,
div.ez-toc-widget-container li {
  line-height: 1.8;
}

/* -------------------------------------------------------------------------
   Контент записи
   ------------------------------------------------------------------------- */
article .wp-block-image {
  margin: 30px auto;
}

article p {
  margin: 0 0 20px;
}

article .entry-content a {
  color: var(--color-red-link);
}

article .entry-content h2 {
  margin: 50px 0 20px;
  color: var(--color-red-link);
  font-weight: bold;
}

article .entry-content h3 {
  margin: 20px 0;
  font-weight: bold;
}

article .entry-content blockquote {
  border-left: 5px solid #555;
}

article .entry-content p,
article .entry-content li {
  font-size: 19px;
  line-height: 1.7;
}

article .entry-content ul,
article .entry-content ol {
  margin-bottom: 20px;
}

article .entry-content li {
  margin-bottom: 10px;
}

article .entry-content .wp-block-table {
  margin: 1em 40px;
}

/* -------------------------------------------------------------------------
   Блок подписки
   ------------------------------------------------------------------------- */
article .telegram-subscribe-block {
  max-width: 100%;
  margin: 30px auto;
  padding: 20px 20px 50px;
  background-color: #f8f9fa;
  text-align: center;
}

article .telegram-subscribe-block h3 {
  margin-bottom: 25px;
  color: #1a1a1a;
  font-size: 2.5rem;
  font-weight: 700;
}

article .telegram-subscribe-block p {
  max-width: 800px;
  margin: 0 auto 30px;
  color: #4a4a4a;
  font-size: 1.2rem;
  line-height: 1.6;
}

article .telegram-subscribe-block .subscribe-button {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 8px;
  background: linear-gradient(
    180deg in oklab,
    var(--color-red),
    var(--color-red-dark)
  );
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

article .telegram-subscribe-block .subscribe-button:hover {
  background: linear-gradient(
    180deg in oklab,
    var(--color-red-hover),
    var(--color-red-hover-dark)
  );
}

/* -------------------------------------------------------------------------
   Блок Похожие записи
   ------------------------------------------------------------------------- */
article #related_posts div {
  text-align: center;
}

article #related_posts div img {
  display: block;
  margin: 0 auto;
}

/* -------------------------------------------------------------------------
   Адаптивность
   ------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  article .entry-content .wp-block-table {
    margin-right: 0;
    margin-left: 0;
  }
}