/* =================================================
   📄 Single Post Styling
   ================================================= */

/* 본문 문단 */
.type-post p {
  text-align: justify;
  line-height: 1.8;
  color: #1a202c;
}

/* 이미지 정렬 및 여백 */
.single .entry-content img {
  display: block;
  margin: 30px auto;
  max-width: 100%;
  height: auto;
}

.single .wp-block-image {
  text-align: center;
  margin-top: 30px;
}

/* =================================================
   🏗️ Layout (Both Sidebars + Sticky)
   ================================================= */
@media (min-width: 769px) {

  /* 양쪽 사이드바 flex 레이아웃 */
  .both-sidebars .site-content {
    display: flex;
    gap: 20px;
  }

  .both-sidebars .site-content > div {
    left: unset !important;
  }

  /* 왼쪽 사이드바 위치 고정 */
  #left-sidebar {
    order: -1;
  }

  /* 👉 좌·우 사이드바 스크롤 고정 */
  #left-sidebar,
  #right-sidebar {
    position: sticky;
    top: 110px;          /* 헤더 높이에 맞게 조절 */
    align-self: flex-start;
  }
}

/* =================================================
   🧩 Headings (본문 내 제목)
   ================================================= */

/* H1 */
.single .entry-content h1 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  color: #1a202c;
  margin: 1em 0;
}

/* H2 */
h2 {
  display: flex;
  align-items: center;
  background: #F9F8F6;
  color: #333;
  font-size: 28px;
  font-weight: 700;
  padding: 0 20px 0 0;
  border-radius: 4px;
  margin: 30px 0;
  height: 42px;
  line-height: 42px;
}

h2::before {
  content: "";
  display: inline-block;
  width: 42px;
  height: 42px;
  background: #C9B59C;
  background-image: url("https://ssalmuknam.com/wp-content/uploads/2024/09/cropped-cropped-제목을-입력해주세요_-001-3.png");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px;
  margin-right: 18px;
}

/* H3 */
.single .entry-content h3 {
  font: 500 1.2em/1.4em 'Helvetica Neue', system-ui, -apple-system, sans-serif;
  margin: 1.2em 0 0.8em;
  padding-left: 18px;
  color: #1a1a1a;
  position: relative;
  display: flex;
  align-items: center;
}

/* H3 왼쪽 막대 */
.single .entry-content h3::before {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 1.1em;
  background: #C9B59C;
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
}

/* H3 다음 요소 구분선 */
.single .entry-content h3 + * {
  border-top: 2px solid #C9B59C;
  padding-top: 6px;
  margin-top: -15px;
}

/* =================================================
   🧭 Sidebar Styling
   ================================================= */
.separate-containers .inside-right-sidebar,
.separate-containers .inside-left-sidebar {
  text-align: center;
}

/* =================================================
   📱 Mobile Responsive
   ================================================= */
@media (max-width: 768px) {

  /* 모바일에서는 사이드바 제거 */
  #right-sidebar,
  #left-sidebar {
    display: none;
  }

  /* 모바일 본문 좌측 정렬 */
  .type-post p {
    text-align: left;
  }
}

/* =================================================
   💬 Comment Form
   ================================================= */
.comment-form #email,
.comment-form #url {
  display: none !important;
}

.comment-form #author {
  width: 100%;
}

.comments-title {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.comment-area,
#comments {
  margin-top: 0 !important;
  padding-top: 0 !important;
}