/* Single Article Page Responsive Fixes */

/* Add proper padding on single article pages for mobile and tablet */
@media (max-width: 1199px) {
  /* Fix container padding */
  .single-post .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Fix article meta info padding */
  .article-meta-info {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Add proper spacing to content */
  .single-post .entry-content,
  .single-post .post-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Fix post navigation spacing */
  .single-post .post-navigation {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  /* Ensure content has proper margins */
  .single-post-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* Tablet-specific fixes */
@media (min-width: 768px) and (max-width: 1199px) {
  .single-post .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  
  .article-meta-info {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  
  .single-post .entry-content,
  .single-post .post-content {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* Fix the content width to match the container width */
.single-post .entry-content,
.single-post .post-content {
  max-width: 100%;
  box-sizing: border-box;
}

/* Ensure images don't overflow */
.single-post .entry-content img,
.single-post .post-content img {
  max-width: 100%;
  height: auto;
}