/* 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;
}

/* Ensure article titles are not truncated on single post pages */
.single-post .article-title,
.single .article-title {
  display: block;               /* disable -webkit-box from global clamp */
  -webkit-line-clamp: unset;    /* remove line clamp */
  -webkit-box-orient: unset;    /* remove box orientation */
  overflow: visible;            /* allow full content to show */
  text-overflow: unset;         /* remove ellipsis */
  white-space: normal;          /* allow wrapping */
  word-break: normal;           /* default breaking */
}