/* Single blog posts — shell + blog-wrap integration */

article.single-postlike,
article.type-post.status-publish {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.page-title.title-left .wf-wrap {
  max-width: var(--hb-content-max, 1200px);
  margin: 0 auto;
  padding: clamp(32px, 5vw, 48px) var(--hb-gutter, 24px) clamp(16px, 3vw, 24px);
}

.page-title .entry-title {
  margin: 0;
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  line-height: 1.25;
  text-align: left;
}

article.single-postlike .post-thumbnail,
article.type-post .post-thumbnail {
  width: 100%;
  max-width: var(--hb-content-max, 1200px);
  margin: 0 auto clamp(20px, 3vw, 32px);
  padding: 0 var(--hb-gutter, 24px);
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
  box-sizing: border-box;
}

article.single-postlike .post-thumbnail img,
article.type-post .post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
}

article.single-postlike .entry-content,
article.type-post .entry-content {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

article.single-postlike .entry-content > .elementor,
article.type-post .entry-content > .elementor {
  width: 100%;
  max-width: 100%;
}

article.single-postlike .entry-content .e-con-inner,
article.type-post .entry-content .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

article.single-postlike .entry-content .elementor-widget-html,
article.type-post .entry-content .elementor-widget-html {
  width: 100% !important;
  max-width: 100% !important;
}

article.single-postlike .entry-content .elementor-widget-html .elementor-widget-container,
article.type-post .entry-content .elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* blog-wrap article lives inside HTML widget */
article.single-postlike .blog-wrap,
article.type-post .blog-wrap {
  margin-top: 0;
}

article.single-postlike .author-info,
article.single-postlike .post-navigation,
article.single-postlike .single-related-posts,
article.type-post .author-info,
article.type-post .post-navigation,
article.type-post .single-related-posts {
  max-width: var(--hb-content-max, 1200px);
  margin: 2rem auto 0;
  padding: 1.5rem var(--hb-gutter, 24px) 0;
  border-top: 1px solid #eaeaea;
  box-sizing: border-box;
}

article.single-postlike .single-related-posts .items-grid,
article.type-post .single-related-posts .items-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

#comments.comments-area {
  max-width: var(--hb-content-max, 1200px);
  margin: 0 auto;
  padding: 0 var(--hb-gutter, 24px) 3rem;
}

@media (max-width: 640px) {
  article.single-postlike .post-thumbnail,
  article.type-post .post-thumbnail {
    padding-left: 16px;
    padding-right: 16px;
  }
}