/* ==========================================================================
   Custom Fonts — Blog Category Pages
   Pretendard 적용 (https://kimee77.mycafe24.com/category/*)
   ========================================================================== */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

/* ------------------------------------------------------------------
   1. BASE — 카테고리 전체 기본 폰트
   ------------------------------------------------------------------ */
body.category {
    font-family: 'Pretendard', 'Open Sans', sans-serif !important;
}


/* ------------------------------------------------------------------
   2. ARCHIVE HEADER — 카테고리 제목 (예: "AI 2")
   ------------------------------------------------------------------ */
body.category .row.page-header-no-bg h1 {
    font-family: 'Pretendard', sans-serif !important;
    /* font-size: ; */
    font-weight: 700 !important;
    /* letter-spacing: ; */
}


/* ------------------------------------------------------------------
   3. POST TITLE — 포스트 제목 (h3.title)
   ------------------------------------------------------------------ */
body.category .post-header h3.title a {
    font-family: 'Pretendard', sans-serif !important;
    /* font-size: ; */
    font-weight: 700 !important;
    /* line-height: ; */
    word-break: keep-all !important;
}


/* ------------------------------------------------------------------
   4. EXCERPT — 포스트 요약 본문
   ------------------------------------------------------------------ */
body.category .excerpt {
    font-family: 'Pretendard', sans-serif !important;
    /* font-size: ; */
    /* line-height: ; */
}


/* ------------------------------------------------------------------
   5. META — 카테고리 라벨, 날짜, 작성자 등
   ------------------------------------------------------------------ */
body.category .meta-category a {
    font-family: 'Pretendard', sans-serif !important;
    /* font-size: ; */
    /* font-weight: ; */
}

body.category .bottom-meta-wrap {
    font-family: 'Pretendard', sans-serif !important;
    /* font-size: ; */
}


/* ------------------------------------------------------------------
   6. NAVIGATION — 헤더 네비게이션
   ------------------------------------------------------------------ */
body.category #header-outer nav > ul > li > a {
    font-family: 'Pretendard', sans-serif !important;
    /* font-size: ; */
    /* font-weight: ; */
}


/* ------------------------------------------------------------------
   7. FOOTER — 푸터 텍스트
   ------------------------------------------------------------------ */
body.category footer {
    font-family: 'Pretendard', sans-serif !important;
    /* font-size: ; */
}


/* ------------------------------------------------------------------
   8. SINGLE POST — 전체 폰트
   ------------------------------------------------------------------ */
body.single-post {
    font-family: 'Pretendard', 'Open Sans', sans-serif !important;
}

body.single-post h3,
body.single-post h4 {
    font-weight: 600 !important;
}

body.single-post p {
    padding-bottom: 16px !important;
}

body.single-post .wp-block-quote p,
body.single-post .wp-block-quote p:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.single-post .wp-block-quote p:empty {
    height: 0 !important;
    display: none !important;
}

body.single-post .wp-block-quote > :last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.single-post li + li {
    margin-top: 4px !important;
}

body.single-post p:empty {
    display: block !important;
    height: 16px !important;
    padding-bottom: 0 !important;
}

body.single-post h1,
body.single-post h2,
body.single-post h3,
body.single-post h4,
body.single-post h5,
body.single-post h6,
body.single-post p,
body.single-post a,
body.single-post span,
body.single-post li,
body.single-post td,
body.single-post blockquote {
    font-family: 'Pretendard', 'Open Sans', sans-serif !important;
}

body.single-post .wp-block-quote {
    margin-bottom: 1em !important;
    padding-bottom: 0 !important;
}


/* ------------------------------------------------------------------
   9. SINGLE POST — 포스트 제목 (entry-title)
   ------------------------------------------------------------------ */
body.single-post .featured-media-under-header__content {
    max-width: none !important;
}

/* ------------------------------------------------------------------
   10. SINGLE POST — featured-media 높이 고정 해제 (원본 이미지 비율)
   ------------------------------------------------------------------ */
body.single-post .featured-media-under-header__featured-media {
    padding-bottom: 0 !important;
    height: auto !important;
}

body.single-post .featured-media-under-header__featured-media .post-featured-img {
    position: static !important;
    height: auto !important;
}

body.single-post .featured-media-under-header__featured-media .post-featured-img img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
}

body.single-post .entry-title {
    font-size: 64px !important;
    line-height: 84px !important;
    font-weight: 800 !important;
    width: 100% !important;
    align-self: stretch !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
    word-break: keep-all !important;
}

@media (max-width: 999px) {
    body.single-post .entry-title {
        font-size: 48px !important;
        line-height: 64px !important;
    }
}

@media (max-width: 600px) {
    body.single-post .entry-title {
        font-size: 36px !important;
        line-height: 48px !important;
    }
}