/* ===============================
   Otoemdad — رسپانسیو فقط blog-details.html
   =============================== */

@media (max-width: 991.98px) {
  .blog-detail-main {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
  }

  .blog-detail-card {
    padding: 1.5rem 1.25rem;
    margin-bottom: 1.25rem;
  }

  .blog-detail-header__title {
    font-size: 1.4rem;
  }

  .blog-detail-header__actions {
    justify-content: stretch;
  }

  .blog-detail-share-btn {
    width: 100%;
    justify-content: center;
  }

  .blog-detail-faq__title,
  .blog-detail-comments__title,
  .blog-detail-body__heading {
    font-size: 1.2rem;
  }

  .blog-detail-related {
    padding: 1.25rem;
  }
}

@media (max-width: 575.98px) {
  .blog-detail-card {
    padding: 1.25rem 1rem;
  }

  .blog-detail-header__meta {
    gap: 0.5rem 1rem;
  }

  .blog-detail-header__meta-item,
  .blog-detail-comment__text,
  .blog-detail-comment__reply-btn,
  .blog-detail-comment__date {
    font-size: 0.8rem;
  }

  .blog-detail-comment__avatar {
    width: 40px;
    height: 40px;
    font-size: 0.75rem;
  }

  .blog-detail-comment__reply-avatar {
    width: 36px;
    height: 36px;
    font-size: 0.7rem;
  }

  .blog-detail-sidebar-cover {
    border-radius: 14px;
  }
}