/*
Theme Name:     WPlaybook ALL100
Theme URI:      https://theme.wplaybook.com/
Template:       kadence
Author:         Issac Lee
Author URI:     https://wplaybook.com/about/
Description:    Featured starter theme for bloggers made by wplaybook.com
Version:        1.3
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* =========================================
   블로그 글 제목 커스텀 스타일
   ========================================= */

/* 양쪽 정렬 (글 타입이 post인 경우만) */
.type-post p {
    text-align: justify;
}

/* H2 스타일 */
.single .entry-content h2 {
    margin: 1.15em 0 0.6em 0;
    font-weight: normal;
    position: relative;
    font-size: 25px;
    line-height: 40px;
    background: var(--wp--preset--color--theme-palette-2, #003458);
    border: 1px solid #fff;
    padding: 5px 15px;
    color: white;
    border-radius: 0 10px 0 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    font-family: 'Muli', sans-serif;
}

/* H3 스타일 */
.single .entry-content h3 {
    color: var(--wp--preset--color--theme-palette-2, #003458);
    padding-bottom: 10px;
    text-align: left;
    border-left: 10px solid var(--wp--preset--color--theme-palette-2, #003458);
    padding: 3px 9px;
    margin: 30px 0 20px 0;
    background-color: #FFF;
    border-bottom: 2px solid var(--wp--preset--color--theme-palette-2, #003458);
    font-size: 1.2em;
    font-weight: 700;
}

/* H4 스타일: H3보다 가볍게, 왼쪽 포인트만 강조 */
.single .entry-content h4 {
    /* 색상: H2, H3와 동일한 변수 사용 */
    color: var(--wp--preset--color--theme-palette-2, #003458);
    
    /* 폰트 설정 */
    font-size: 1.1em;   /* H3(1.2em)보다 약간 작게 */
    font-weight: 700;
    font-family: 'Muli', sans-serif;
    line-height: 1.5;
    
    /* 여백 설정 */
    margin: 20px 0 10px 0;
    padding-left: 12px; /* 텍스트와 왼쪽 선 사이 간격 */
    
    /* 핵심 디자인: 왼쪽 선만 깔끔하게 (H3의 절반 두께) */
    border-left: 5px solid var(--wp--preset--color--theme-palette-2, #003458);
}

/* 형광펜 스타일 (투명한 노란색) */
u,
span[style*="text-decoration: underline"] {
    text-decoration: none !important;
    padding: 2px 5px;
    
    /* rgba(R, G, B, 투명도) */
    /* 0.5 숫자를 조절하세요 (0.1은 아주 투명, 1.0은 불투명) */
    background: linear-gradient(to top, rgba(255, 241, 54, 0.7) 30%, transparent 40%);
    
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone; 
}