body.post-template-wp-custom-template-secret-diary,
body.post-template-wp-custom-template-review,
body.post-template-wp-custom-template-no-page  {
background: linear-gradient(45deg, #b2dce380 25%, transparent 21%) , linear-gradient(315deg, #b2dce380 25%, transparent 21%), linear-gradient(45deg, #b2dce3 10%, transparent 11%), linear-gradient(315deg, #b2dce3 10%, transparent 11%),linear-gradient(135deg, #b2dce380 25%, transparent 21%) , linear-gradient(225deg, #b2dce380 25%, transparent 21%), linear-gradient(135deg, #b2dce3 10%, transparent 11%), linear-gradient(225deg, #b2dce3 10%, transparent 11%), radial-gradient(#b2dce3 20%, transparent 21%);
        background-size: 3em 3em;
        background-color: #f0fffd;
        opacity: 1
}

/* 라이트박스에서 'drive.google.com' 링크가 포함된 이미지를 숨기기 */
img[src*="drive.google.com"] {
    display: none !important;
}

/* 기본적으로 커버 블록 안의 텍스트와 내용 숨기기 */
.hover-cover-inner.wp-block-cover .wp-block-cover__inner-container {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 호버 시 텍스트와 내용이 보이도록 */
.hover-cover-inner.wp-block-cover:hover .wp-block-cover__inner-container {
    opacity: 1;
    visibility: visible;
}

/* 기본 상태: 이미지 원래 상태 */
.hover-cover-inner.wp-block-cover img {
    display: inline-block;
    filter: grayscale(50%);
    transition: filter 0.3s ease;
}

.wp-block-cover.hover-cover-inner.full-color img {
    filter: grayscale(0%);
}


/* 호버 시: 이미지 블러 + 흑백 처리 */
.hover-cover-inner.wp-block-cover:hover img {
    transform: scale(1.2);
    filter: blur(1px) grayscale(100%);
}

.wp-block-cover.hover-cover-inner.full-color:hover img {
    transform: scale(1.2);
    filter: blur(1px) grayscale(50%);
}

/* '성인' 태그 배경색과 글자색 변경 */
.taxonomy-post_tag a[href*="tag/saint-people"] {
    background-color: #ff0000;
    color: #ffffff !important;
    border: none;
}
.taxonomy-post_tag a[href*="tag/otk-publication"] {
    background-color: yellow;
    color: black !important;
    border: none;
}

/* 들여쓰기 */
.novel-die p {
  text-align: justify;
  text-indent: 15px;
}

/* 중앙 정렬과 오른쪽 정렬은 예외 처리 */
.novel-die p.has-text-align-center,
.novel-die p.align-center {
  text-align: center;
  text-indent: 0;
}
.novel-die p.has-text-align-right,
.novel-die p.align-right {
  text-align: right;
  text-indent: 0;
}

/* 중앙정렬 강제 */
.center-align {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* 커스텀 버튼 스타일 */
.custom-button {
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    border-radius: 100px;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    font-size: 1rem;
    font-weight: bold;
    /* 텍스트가 길어지면 ...으로 생략 */
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.custom-button.main-color-set {
    background-color: var(--wp--preset--color--accent-3);
    color: var(--wp--preset--color--white) !important;
}

.custom-button.sub-color-set {
    background-color: var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--white) !important;
}

/* 비활성화된 버튼 */
.custom-button.disabled {
    background-color: var(--wp--preset--color--accent-5);
    color: var(--wp--preset--color--contrast) !important;
    pointer-events: none;
}

/* 비밀댓글 폼 관련 */
input[name="secret_comment_password"],
input[name="unlock_secret_comment"] {
    display: inline-block;
    vertical-align: middle;
}

/* 줄 바꿈을 없애기 위해 br 태그 숨기기 */
input[name="secret_comment_password"] + br,
input[name="unlock_secret_comment"] + br {
    display: none;
}

input[type="submit" i] {
    padding: 12px 20px;
    text-align: center;
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--white) !important;
    border-radius: 100px;
    font-size: 1rem;
    margin: 5px;
}

.wp-block-comment-content form {
  text-align: center;
}

/* 모바일에서 해당 클래스를 숨기기 위한 스타일 */
@media screen and (max-width: 768px) {
    .mobile-hide {
        display: none;
    }
}

/* 가로 강제 반응형 클래스 */
.custom-responsive {
    width: 100%; /* 부모 컨테이너의 100% 가로 크기 */
    display: block; /* 기본적으로 블록 요소로 표시되어 부모 너비를 차지 */
    box-sizing: border-box; /* 패딩과 보더가 요소 크기에 포함되도록 설정 */
}