/* GeneratePress Site CSS - 레이아웃 깨짐 방지 */
.single-post .inside-article,
.sidebar .widget,
.comments-area,
.container-widget {
    border-right: 2px solid rgba(0, 0, 0, 0.07);
    border-bottom: 2px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

/* 메인 리스트 요약 글자 크기 */
.blog .entry-content,
.blog .entry-summary,
.archive .entry-content,
.archive .entry-summary,
.blog .post *:not(h1):not(h2),
.archive .post *:not(h1):not(h2) {
    font-size: 16px !important;
}

/* ▼▼▼ 제목 설정 (크기 키움 + 1줄 넘어가면 자르기) ▼▼▼ */
.blog h2.entry-title a,
.archive h2.entry-title a,
.blog .post-title a,
.archive .post-title a {
    font-size: 28px !important;     /* 폰트 크기 */
    line-height: 1.3 !important;    /* 줄 간격 */
    font-weight: bold;              /* 굵게 */
    
    /* 긴 제목 자르기 설정 */
    display: -webkit-box;           /* 박스 형태로 변경 */
    -webkit-line-clamp: 1;          /* 보여줄 줄 수 (1은 한 줄, 2는 두 줄) */
    -webkit-box-orient: vertical;   /* 수직 정렬 */
    overflow: hidden;               /* 넘치는 글자 숨김 */
    text-overflow: ellipsis;        /* 끝부분에 ... 표시 */
}

/* 날짜 및 글쓴이 정보 숨기기 */
.blog .entry-meta,
.archive .entry-meta {
    display: none !important;
}

/* 가로 스크롤 방지 코드 */
html, body {
    overflow-x: hidden;
}

/* 긴 영어 단어나 URL이 화면 밖으로 나가는 것 방지 */
.entry-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* 모바일 리스트 스타일 수정 (점 없애기 + 여백 조정) */
@media (max-width: 768px) {
    /* 1. 점(불릿)을 없앱니다 */
    .entry-content ul {
        list-style: none; 
    }

    /* 2. 점이 사라진 만큼 여백을 더 줄여서 왼쪽에 붙입니다 */
    .entry-content ul, 
    .entry-content ol {
        padding-left: 0px; /* 왼쪽 여백 완전히 제거 */
        margin-left: 0;
    }
    
    /* 3. 대신 대댓글(중첩 리스트)은 들여쓰기를 유지해서 구분감을 줍니다 */
    .entry-content ul ul,
    .entry-content ol ol,
    .entry-content ul ol,
    .entry-content ol ul {
        padding-left: 15px; /* 안쪽 리스트는 15px 들여쓰기 */
    }
}

	/* 버튼 글씨보이기 */
.wp-block-button .wp-block-button__link {
    color: #ffffff !important;
}

.wp-block-button .wp-block-button__link {
    transition: all 0.3s ease;
}
.wp-block-button .wp-block-button__link:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    filter: brightness(1.1);
}