/*
Theme Name: Hello Elementor Child
Description: Hello Elementor 자식 테마
Template: hello-elementor
Version: 1.0.0
*/

/* 워드프레스 기본 글쓰기 본문 너비 조절 (비율 기준) */
.custom-entry-content {
  width: 38% !important;
  max-width: 38%; !important;         /* 전체 화면의 60% */
  margin: 0 auto;         /* 가운데 정렬 */
  padding: 20px;          /* 좌우 여백 */
  line-height: 1.8;       /* 가독성 좋은 줄 간격 */
  font-size: 16px;        /* 본문 글자 크기 */
  padding-top: 180px;     /* ✅ 헤더 높이만큼 전체 본문 내려주기 */
  display: block;
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .custom-entry-content {
    max-width: 95%;       /* 모바일에서는 거의 꽉 차게 */
    padding: 15px;
    font-size: 15px;
    padding-top: 120px;   /* 모바일 헤더 높이에 맞게 */
  }
}

/* 제목 보이기 */
.entry-title {
  display: block !important;
  visibility: visible !important;
  font-size: 28px !important;
  font-weight: bold;
  margin-bottom: 20px !important;
  color: #000 !important;
}

/* 헤더 높이만큼 본문 전체 내려주기 */
.site-main.custom-entry-content {
  padding-top: 100px;  /* 헤더가 180px 정도면 여기에 맞춰 조정 */
}

/* 제목 스타일 */
.site-main.custom-entry-content .entry-title {
  display: block;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #000;
}

/* 카테고리/블로그 아카이브 페이지 상단 여백 */
.archive .site-main,
.category .site-main {
  margin-top: 100px;   /* 헤더와 콘텐츠 사이 간격 */
}



/* 블로그 포스트 제목 색상 (링크 포함) */

.archive .entry-title a,
.category .entry-title a {
  color: #222 !important;      /* 진한 검정/회색 */
  text-decoration: none;       /* 밑줄 제거 */
}


.archive .entry-title a:hover,
.category .entry-title a:hover {
  color: #1E4ED8 !important;   /* 마우스오버 시 진한 파란색 */
}

/* 카테고리 아카이브 페이지 제목/설명 숨기기 */
.category .page-header,
.category .page-title,
.category .taxonomy-description {
  display: none !important;
}

/* 카테고리/아카이브 페이지 글 제목 크기 조정 */
.category .entry-title,
.archive .entry-title {
  font-size: 22px !important;   /* 기본 28px 정도 → 줄여서 사용 */
  font-weight: 600;             /* 두께 적당히 */
  line-height: 1.4;
  margin-bottom: 10px;
}

/* 카테고리/아카이브 페이지 - 바둑판(Grid) 레이아웃 */
.archive .page-content,
.category .page-content {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* ✅ PC에서 3열 고정 */
  gap: 30px; /* ✅ 카드 사이 간격 */
  margin-top: 40px;
  max-width: 1200px; /* 중앙 정렬용 */
  margin-left: auto;
  margin-right: auto;
}

/* 반응형 대응 */
@media (max-width: 1024px) {
  .archive .page-content,
  .category .page-content {
    grid-template-columns: repeat(2, 1fr); /* 태블릿: 2열 */
  }
}

@media (max-width: 600px) {
  .archive .page-content,
  .category .page-content {
    grid-template-columns: 1fr; /* 모바일: 1열 */
  }
}

/* 각 글(포스트) 카드 스타일 */
.archive .site-main article,
.category .site-main article {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* 본문 */
body p,
body li {
  font-size: 14px;
  line-height: 1.7;
}

/* 소제목 */
body h3 {
  font-size: 18px;
  font-weight: 700
}
body h4 {
  font-size: 16px;
  font-weight: 600;
}