/* -----------------------------------------------------------------
   Blog / single post responsive overrides
   Ported from lexx-live theme _responsive.css
   ----------------------------------------------------------------- */

/* ── Tablet (≤ 1024px) ─────────────────────────────────────────── */
@media (max-width: 1024px) {
  .featured-post {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 32px;
  }

  .section-blog {
    padding: 4rem 0;
  }

  .single-post-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .post-sidebar {
    position: relative;
    top: 0;
  }

  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .related-posts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ── Mobile (≤ 480px) ──────────────────────────────────────────── */
@media (max-width: 480px) {
  .featured-post {
    padding: 20px;
  }

  .blog-card__content {
    padding: 20px;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .related-posts-grid {
    grid-template-columns: 1fr;
  }

  .post-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .post-content-body {
    padding: 24px 20px;
  }

  .subscribe-box {
    padding: 20px;
  }
}