/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ========================================================
   워드프레스 포스팅 본문 H2 그라데이션 & H3 사각형 최종 매칭본
   ======================================================== */

/* H2 대제목 공통 레이아웃 */
.dynamic-entry-content h2.wp-block-heading {
    padding: 8px 15px !important;
    margin-top: 3.8rem !important;     /* H2 위에 넓은 간격을 주어 이전 섹션과 확실하게 격리 */
    margin-bottom: 1.2rem !important;  /* H2와 아래 본문 글자 사이의 간격 */
    font-size: 22px !important;
    color: #1A202C !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: -0.5px !important;
}

/* H3 소제목 공통 레이아웃 */
.dynamic-entry-content h3.wp-block-heading {
    font-size: 18px !important;
    color: #2D3748 !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    padding-left: 16px !important;     /* 들여쓰기 및 아이콘 공간 유지 */
    margin-top: 2.2rem !important;
    margin-bottom: 0.9rem !important;
    position: relative !important;
    display: block !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* H3 앞의 사각형 아이콘 정의 */
.dynamic-entry-content h3.wp-block-heading::before {
    content: "■" !important;
    font-size: 9px !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}


/* ========================================================
   ⭐ [추가] 숫자가 있을 때 불릿(■) 및 아이콘만 제거 (들여쓰기는 유지)
   - 사용법: <h3 class="no-bullet">1. 소제목</h3>
   ======================================================== */
/* 1. 사각형(■) 및 CSS 가상요소 아이콘 제거 */
.dynamic-entry-content h3.no-bullet::before,
.entry-content h3.no-bullet::before,
.post-content h3.no-bullet::before,
h3.no-bullet::before {
    display: none !important;
    content: none !important;
}

/* 2. HTML 태그로 삽입된 아이콘(i, svg 등)이 있을 경우 제거 */
.dynamic-entry-content h3.no-bullet i,
.dynamic-entry-content h3.no-bullet svg,
.dynamic-entry-content h3.no-bullet .icon,
h3.no-bullet i,
h3.no-bullet svg,
h3.no-bullet .icon {
    display: none !important;
}


/* ========================================================
   [테마 1] 정보 카테고리 (ID: 24 / 슬러그: info / 기본값)
   ➡️ H2: 어두운 회색(#1F2937) / H3: 빨강(#E41E21)
   ======================================================== */
.category-24 .dynamic-entry-content h2.wp-block-heading,
.category-info .dynamic-entry-content h2.wp-block-heading,
.entry-content h2.wp-block-heading, 
.post-content h2.wp-block-heading {
    border-left: 5px solid #1F2937 !important;
    background: linear-gradient(to right, rgba(31, 41, 55, 0.08) 0%, rgba(31, 41, 55, 0.02) 50%, transparent 100%) !important;
}
.category-24 .dynamic-entry-content h3.wp-block-heading::before,
.category-info .dynamic-entry-content h3.wp-block-heading::before,
.entry-content h3.wp-block-heading::before, 
.post-content h3.wp-block-heading::before {
    color: #E41E21 !important;
}


/* ========================================================
   [테마 2] 금융 카테고리 (ID: 41 / 슬러그: finance)
   ➡️ H2: 남색(#4F46E5) / H3: 청록(#0891B2)
   ======================================================== */
.category-41 .dynamic-entry-content h2.wp-block-heading,
.category-finance .dynamic-entry-content h2.wp-block-heading {
    border-left: 5px solid #4F46E5 !important;
    background: linear-gradient(to right, rgba(79, 70, 229, 0.08) 0%, rgba(79, 70, 229, 0.02) 50%, transparent 100%) !important;
}
.category-41 .dynamic-entry-content h3.wp-block-heading::before,
.category-finance .dynamic-entry-content h3.wp-block-heading::before {
    color: #0891B2 !important;
}


/* ========================================================
   [테마 3] IT 카테고리 (ID: 40 / 슬러그: it)
   ➡️ H2: 파랑(#0047AB) / H3: 주황(#E65100)
   ======================================================== */
.category-40 .dynamic-entry-content h2.wp-block-heading,
.category-it .dynamic-entry-content h2.wp-block-heading {
    border-left: 5px solid #0047AB !important;
    background: linear-gradient(to right, rgba(0, 71, 171, 0.08) 0%, rgba(0, 71, 171, 0.02) 50%, transparent 100%) !important;
}
.category-40 .dynamic-entry-content h3.wp-block-heading::before,
.category-it .dynamic-entry-content h3.wp-block-heading::before {
    color: #E65100 !important;
}