/* Blog Responsive Styles */

/* Tablet and Mobile */
@media screen and (max-width: 768px) {
  .post-container {
    grid-template-columns: 1fr !important;
    padding: 0 1rem !important;
    gap: 2rem !important;
  }

  .post-sidebar {
    order: 2 !important;
    margin-top: 2rem !important;
  }

  .post-article {
    order: 1 !important;
    padding: 1.5rem !important;
  }

  .post-main-title {
    font-size: 1.5rem !important;
  }

  .post-featured-image {
    height: 250px !important;
  }

  .post-body {
    font-size: 1rem !important;
  }

  .post-body h2 {
    font-size: 1.5rem !important;
  }

  .post-body h3 {
    font-size: 1.25rem !important;
  }

  /* Blog List */
  .blog-container {
    grid-template-columns: 1fr !important;
    padding: 0 1rem !important;
  }

  .blog-sidebar {
    order: 2 !important;
  }

  .blog-content {
    order: 1 !important;
  }

  .post-thumbnail {
    height: 250px !important;
  }
}

/* Mobile Only */
@media screen and (max-width: 480px) {
  .post-container {
    padding: 0 0.75rem !important;
  }

  .post-article {
    padding: 1rem !important;
  }

  .post-main-title {
    font-size: 1.25rem !important;
  }

  .post-featured-image {
    height: 200px !important;
  }

  .post-body {
    font-size: 0.9375rem !important;
  }

  .post-body h2 {
    font-size: 1.25rem !important;
  }

  .post-body h3 {
    font-size: 1.125rem !important;
  }

  .sidebar-widget {
    padding: 1rem !important;
  }

  .widget-title {
    font-size: 1rem !important;
  }

  .post-thumbnail {
    height: 200px !important;
  }
}