/*
Theme Name: Twenty Twelve Child
Description: Child theme for the Twenty Twelve theme
Author: Woojoon
Template: twentytwelve
Version: 1.0.0
*/

/* ========== 1) 네비게이션 (모바일 ≤600px) ========== */
@media screen and (max-width:600px){
  .menu-toggle{display:none !important;} /* 햄버거 숨김 */

  .nav-menu{
    display:flex !important;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    padding:0;
    margin:10px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding-top:6px;
    padding-bottom:6px;
  }
  .nav-menu>li{
    position:relative;
    display:inline-block;
    margin:5px 10px;
  }
  .nav-menu>li>a{
    display:inline-block;
    padding:8px 10px;
    color:#333;
    text-decoration:none;
  }
  .menu-item-has-children>a::after{content:" ▼";font-size:.8em;}
  .nav-menu ul.sub-menu{
    display:none;
    position:absolute;
    top:100%;left:0;
    background:#fff;
    padding:.5em;margin:0;
    border:1px solid #ddd;
    box-shadow:0 2px 6px rgba(0,0,0,.2);
    z-index:9999;
  }
  .nav-menu li:hover>ul.sub-menu,
  .nav-menu li:focus-within>ul.sub-menu{display:block;}
  .nav-menu ul.sub-menu li a{display:block;padding:8px 12px;white-space:nowrap;}
}

/* 데스크탑(>600px) 드롭다운 */
@media screen and (min-width:601px){
  .nav-menu ul.sub-menu{background:#fff !important;border:none !important;box-shadow:none !important;}
}

/* ========== 2) 본문 타이포그래피 ========== */
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Pretendard';src:url('https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}

.entry-content p,
.entry-content li,
.entry-content blockquote,
.entry-content pre,
.entry-content code,
.entry-content td,
.entry-content th{
  font-family:'Pretendard',serif !important;
  font-size:1.2em !important;
  line-height:1.8em !important;
}

/* 제목/메뉴/위젯은 원래 폰트 유지 */
.site-title,
.nav-menu,.nav-menu *,
.entry-title,.entry-title *,
.entry-content h1,.entry-content h2,.entry-content h3,
.entry-content h4,.entry-content h5,.entry-content h6,
.widget,.widget-title{font-family:inherit !important;}

/* ========== 3) 카테고리 최신글 (공용) ========== */
.cat-box{margin:0 0 20px; padding:0 0 14px; border-bottom:1px solid #ddd;}
.cat-box__title{font-size:1.45em;font-weight:700;margin:0 0 12px;}

/* 목록 (점 불릿 + 간격) */
.cat-box__list,
.my-cat-post-list{list-style-type:disc;list-style-position:outside;margin:0;padding-left:1.4em;}
.cat-box__list li,
.my-cat-post-list li{margin:0 0 .45em;line-height:1.8;}

/* 목록 링크: 항상 밑줄 + 짙은 회색 + 폰트 크기 조정 */
.cat-box__list a,
.my-cat-post-list a{
  font-size:1em;          /* ✅ 줄임 (기존 1.15em) */
  color:#333;
  text-decoration:underline;
}
.cat-box__list a:hover,
.cat-box__list a:focus,
.my-cat-post-list a:hover,
.my-cat-post-list a:focus{
  color:#111;
  text-decoration:underline;
}

/* 페이지네이션 pill 스타일 */
.cat-box__pagination,
.cat-paging{margin-top:20px;}
.cat-box__pagination .page-numbers,
.cat-paging .page-numbers{display:inline-block;font-size:11px;line-height:1.2;padding:4px 10px;margin:0;border:1px solid #ddd;border-radius:999px;background:#fafafa;color:#333 !important;text-decoration:none !important;}
.cat-box__pagination a.page-numbers:hover,
.cat-box__pagination a.page-numbers:focus,
.cat-paging a.page-numbers:hover,
.cat-paging a.page-numbers:focus{background:#eaeaea;border-color:#ccc;color:#000 !important;}
.cat-box__pagination .page-numbers.current,
.cat-paging .page-numbers.current{background:#aaa;border-color:#aaa;color:#fff !important;font-weight:700;}
.cat-box__pagination .page-numbers.dots,
.cat-paging .page-numbers.dots{border:none;background:none;color:#888 !important;padding:4px 6px;}

/* 구분선 */
.cat-box__divider{border:0;border-top:1px solid #ccc;margin:24px 0;}

/* 싱글 본문 제목은 파란색 */
body.single .entry-title{color:#1565c0;}

/* ========== 4) 사이드바: 최신 글 위젯 ========== */
.wp-block-latest-posts__list.wp-block-latest-posts{list-style-type:disc;padding-left:20px;}
.wp-block-latest-posts__list.wp-block-latest-posts li{margin-bottom:.4em;}
.wp-block-latest-posts__list{list-style-type:disc;list-style-position:inside;}
.wp-block-latest-posts__list li{color:#333;}
.wp-block-latest-posts__list li::marker{color:#888;}
#secondary .widget .widget-title{font-size:1.25em;font-weight:700;margin-bottom:12px;}

/* 카테고리 보관물 제목/구분선 제거 */
.archive-header {
  display: none !important;
}

/* 최신글 박스 아래 실선 제거 */
.cat-box__divider {
  display: none !important;
}

/* ✅ 최신글 목록 아래 실선(가로선) 위쪽에 여백 주기 */
.cat-box {
  padding-bottom: 1.5cm;   /* 실선과 내용 사이 공간 */
}

/* ===============================
   카테고리 최신글 박스 통일
   =============================== */

/* 제목과 목록 사이 간격 통일 */
.cat-box__title {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

/* 목록 자체 위 margin 없애서 들쑥날쑥 제거 */
.cat-box__list {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 제목 링크 색이 달라지는 문제 해결 */
.entry-title a {
  color: inherit !important;
}