/* =========================================================
   HEALER 테마 (페어홈 로그북 전용)
   - 서리빛 화이트(기본) / 블루그레이 / 슬레이트 다크
   - 관리자 설정이 기본값, 방문자가 바꾸면 그 사람 브라우저에만 적용
   ▶ 테마 색을 바꾸고 싶으면 아래 "테마별 색" 부분의 숫자만 고치면 됩니다
   ========================================================= */

/* ----- 테마별 색 ----- */
:root,
html[data-lb-theme="frost"] {
    --hl-panel: rgb(237 241 244 / 95%);   /* 본문 판 */
    --hl-solid: #EDF1F4;                  /* 판 (불투명) */
    --hl-sub: #E0E6EB;                    /* 이미지 영역, 댓글 바탕 */
    --hl-card: #F3F6F8;                   /* 목록 카드 */
    --hl-band: rgb(243 246 248 / 92%);    /* 목록 카드 제목 띠 */
    --hl-input: #FFFFFF;                  /* 댓글 입력칸 */
    --hl-title: #222B35;                  /* 제목 글자 */
    --hl-body: #333D48;                   /* 본문 글자 */
    --hl-muted: #66727E;                  /* 날짜 등 작은 글자 */
    --hl-point: #4F7A96;                  /* 포인트 색 */
    --hl-on-point: #FFFFFF;               /* 포인트 색 위 글자 */
    --hl-shadow: rgb(30 45 60 / 18%);
}
html[data-lb-theme="bluegray"] {
    --hl-panel: rgb(213 221 228 / 95%);
    --hl-solid: #D5DDE4;
    --hl-sub: #C7D1DA;
    --hl-card: #DCE3E9;
    --hl-band: rgb(220 227 233 / 92%);
    --hl-input: #E9EEF2;
    --hl-title: #1F2933;
    --hl-body: #2E3844;
    --hl-muted: #5A6774;
    --hl-point: #4A7590;
    --hl-on-point: #FFFFFF;
    --hl-shadow: rgb(20 35 50 / 22%);
}
html[data-lb-theme="slate"] {
    --hl-panel: rgb(35 42 51 / 94%);
    --hl-solid: #232A33;
    --hl-sub: #1B2129;
    --hl-card: #232A33;
    --hl-band: rgb(24 30 37 / 88%);
    --hl-input: #1B2129;
    --hl-title: #DCE3E9;
    --hl-body: #C3CCD4;
    --hl-muted: #8A96A2;
    --hl-point: #9FBCCF;
    --hl-on-point: #1B2129;
    --hl-shadow: rgb(0 0 0 / 35%);
}
:root {
    --hl-mono: Consolas, "SFMono-Regular", Menlo, "Courier New", monospace;
    /* 본문 이미지 기능(inline_images.css)이 같이 쓰는 색 */
    --hl-ice: var(--hl-point);
    --hl-deep: var(--hl-sub);
    --hl-frost: var(--hl-title);
}

/* ----- 스킨이 쓰는 공용 색을 이 게시판 안에서만 바꿔치기 ----- */
#bo_logbook .logbook_items,
.logbook_view,
.logbook_scroll_buttons,
.lb_theme_menu {
    --content-font-color: var(--hl-title);
    --card-bg-color: var(--hl-solid);
    --container-bg-color: var(--hl-sub);
    --container-border-color: var(--hl-point);
    --primary-color: var(--hl-point);
    --accent-color: var(--hl-point);
    --text-muted: var(--hl-muted);
    --border-light: rgb(from var(--hl-point) r g b / 25%);
    --form-bg-color: var(--hl-input);
    --form-text-color: var(--hl-title);
    --form-border-color: rgb(from var(--hl-point) r g b / 30%);
    --btn-primary-bg: var(--hl-point);
    --btn-primary-text: var(--hl-on-point);
    --btn-primary-hover-bg: var(--hl-point);
    --btn-accent-bg: var(--hl-point);
    --btn-accent-text: var(--hl-on-point);
}

/* =================== 목록 =================== */

#bo_logbook .logbook_items .logbook_item {
    background: var(--hl-card);
    border: 1px solid rgb(from var(--hl-point) r g b / 20%);
    border-radius: 4px;
}
#bo_logbook .logbook_items .logbook_notice {
    border-color: rgb(from var(--hl-point) r g b / 50%);
}
#bo_logbook .logbook_items .logbook_item:hover {
    border-color: rgb(from var(--hl-point) r g b / 70%);
    box-shadow: 0 8px 24px var(--hl-shadow), 0 0 0 1px rgb(from var(--hl-point) r g b / 15%);
}

/* 사진 : 평소엔 살짝 흑백, 마우스 올리면 원래 색 (비밀글 흐림 효과는 그대로) */
#bo_logbook .logbook_item:not(.logbook_blur_thumb) .logbook_thumb img {
    filter: grayscale(40%) contrast(1.05);
    transition: transform 0.35s ease, filter 0.35s ease;
}
#bo_logbook .logbook_item:not(.logbook_blur_thumb):hover .logbook_thumb img {
    filter: none;
}
#bo_logbook .logbook_items .logbook_thumb {
    background: var(--hl-sub);
}
#bo_logbook .logbook_no_thumb .logbook_thumb_order {
    color: rgb(from var(--hl-point) r g b / 22%);
}

/* 제목 띠 (갤러리형) */
#bo_logbook.logbook_mode_gallery .logbook_info {
    padding: 12px 14px 12px 22px;
    background: var(--hl-band);
    border-top: 1px solid rgb(from var(--hl-point) r g b / 40%);
    backdrop-filter: blur(4px);
}

/* 번호 → LOG 047 */
#bo_logbook .logbook_subject_order {
    padding: 0;
    background: transparent;
    color: var(--hl-point);
    font-family: var(--hl-mono);
    font-size: 0.68em;
    font-weight: 400;
    letter-spacing: 0.12em;
}
#bo_logbook .logbook_subject_order::before {
    content: "LOG\00a0";
}
#bo_logbook .logbook_subject_text {
    color: var(--hl-title);
    letter-spacing: 0.01em;
}
#bo_logbook .logbook_items .logbook_meta {
    color: var(--hl-muted);
    font-family: var(--hl-mono);
    font-size: 0.74rem;
    letter-spacing: 0.03em;
}
#bo_logbook .logbook_items .logbook_subtitle,
#bo_logbook .logbook_items .logbook_summary {
    color: var(--hl-muted);
}

/* 마우스 올리면 나타나는 조준선 꺾쇠 */
#bo_logbook .logbook_items .logbook_item::before,
#bo_logbook .logbook_items .logbook_item::after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 12px;
    height: 12px;
    border: 0 solid var(--hl-point);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
}
#bo_logbook .logbook_items .logbook_item::before {
    top: 7px;
    right: 7px;
    border-width: 1px 1px 0 0;
    transform: translate(-4px, 4px);
}
#bo_logbook .logbook_items .logbook_item::after {
    bottom: 7px;
    left: 7px;
    border-width: 0 0 1px 1px;
    transform: translate(4px, -4px);
}
#bo_logbook .logbook_items .logbook_item:hover::before,
#bo_logbook .logbook_items .logbook_item:hover::after {
    opacity: 1;
    transform: translate(0, 0);
}

/* 설정 창의 테마 줄 (3칸) */
#logbook-config-panel {
    width: 270px;
}
.logbook_config_segment.lb_seg3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* =================== 본문 =================== */

.logbook_view.logbook_view {
    background: var(--hl-panel);
    border: 1px solid rgb(from var(--hl-point) r g b / 20%);
    border-radius: 6px;
    color: var(--hl-body);
    box-shadow: 0 20px 50px var(--hl-shadow);
}

/* 머리 부분 */
.logbook_view .cv_header {
    padding-top: 34px;
    background: transparent;
}
.logbook_view .cv_file_no {
    display: block;
    margin-bottom: 10px;
    color: var(--hl-point);
    font-family: var(--hl-mono);
    font-size: 0.72rem;
    letter-spacing: 0.2em;
}
.logbook_view .cv_cate {
    background: transparent;
    border: 1px solid rgb(from var(--hl-point) r g b / 45%);
    border-radius: 2px;
    color: var(--hl-point);
    font-family: var(--hl-mono);
    font-weight: 400;
    letter-spacing: 0.08em;
}
.logbook_view .cv_title {
    color: var(--hl-title);
    letter-spacing: 0.02em;
}
.logbook_view .cv_title::after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    margin: 14px auto 0;
    background: var(--hl-point);
}
.logbook_view .cv_subtitle {
    color: var(--hl-muted);
}

/* 작성자 / 날짜 줄 */
.logbook_view .cv_meta {
    border-color: rgb(from var(--hl-point) r g b / 15%);
}
.logbook_view .cv_author_name {
    color: var(--hl-title);
}
.logbook_view .cv_author_id,
.logbook_view .cv_date {
    color: var(--hl-muted);
    font-family: var(--hl-mono);
    letter-spacing: 0.03em;
}

/* 오른쪽 버튼들 (목록·수정·공유·더보기·테마) */
.logbook_view .btn_bo_user .btn {
    background: rgb(from var(--hl-point) r g b / 8%);
    border: 1px solid rgb(from var(--hl-point) r g b / 22%);
    border-radius: 4px;
    color: var(--hl-title);
}
.logbook_view .btn_bo_user .btn:hover {
    color: var(--hl-point);
    border-color: rgb(from var(--hl-point) r g b / 65%);
    background: rgb(from var(--hl-point) r g b / 12%);
    transform: none;
    box-shadow: none;
}
.logbook_view .more_opt {
    background: var(--hl-solid);
    border: 1px solid rgb(from var(--hl-point) r g b / 22%);
}

/* 이미지 영역 */
.logbook_view .cv_images {
    background: var(--hl-sub);
    padding: 16px 0;
}
.logbook_view .cv_reader_counter {
    background: rgb(14 17 22 / 75%);
    border: 1px solid rgb(169 199 218 / 25%);
    color: #A9C7DA;
    font-family: var(--hl-mono);
    letter-spacing: 0.1em;
}
.logbook_view .cv_reader_btn {
    background: rgb(14 17 22 / 60%);
    border: 1px solid rgb(169 199 218 / 25%);
}

/* 태그 + 후기 글 */
.logbook_view .cv_content {
    padding-top: 26px;
}
.logbook_view .cv_tag_badge {
    background: transparent;
    border: 1px solid rgb(from var(--hl-point) r g b / 35%);
    border-radius: 2px;
    color: var(--hl-point);
    font-family: var(--hl-mono);
    font-weight: 400;
    letter-spacing: 0.04em;
}
.logbook_view .cv_content_body {
    padding: 2px 0 2px 16px;
    border-left: 2px solid var(--hl-point);
    color: var(--hl-body);
    line-height: 1.9;
}

/* 이전·다음 글 목록 */
.logbook_view .cv_adjacent {
    border-top: 1px solid rgb(from var(--hl-point) r g b / 15%);
}
.logbook_view .cv_adj_item {
    background: transparent;
}
.logbook_view .cv_adj_item + .cv_adj_item {
    border-top-color: rgb(from var(--hl-point) r g b / 10%);
}
.logbook_view .cv_adj_item a {
    color: var(--hl-body);
}
.logbook_view .cv_adj_item a:hover {
    background: rgb(from var(--hl-point) r g b / 7%);
}
.logbook_view .cv_adj_thumb {
    border: 1px solid rgb(from var(--hl-point) r g b / 18%);
    border-radius: 3px;
}
.logbook_view .cv_adj_current {
    background: rgb(from var(--hl-point) r g b / 10%);
    border-left: 2px solid var(--hl-point);
}
.logbook_view .cv_adj_current .cv_adj_title {
    color: var(--hl-title);
}
.logbook_view .cv_adj_current .cv_adj_info::before {
    content: "NOW READING";
    color: var(--hl-point);
    font-family: var(--hl-mono);
    font-size: 0.68rem;
    letter-spacing: 0.15em;
}
.logbook_view .cv_adj_author {
    color: var(--hl-muted);
    font-family: var(--hl-mono);
}

/* 목록 버튼 */
.logbook_view .cv_adj_bottom {
    border-top-color: rgb(from var(--hl-point) r g b / 15%);
}
.logbook_view .cv_adj_list_btn {
    border: 1px solid rgb(from var(--hl-point) r g b / 30%);
    border-radius: 2px;
    color: var(--hl-title);
    font-family: var(--hl-mono);
    letter-spacing: 0.12em;
}
.logbook_view .cv_adj_list_btn:hover {
    background: rgb(from var(--hl-point) r g b / 10%);
    color: var(--hl-point);
}

/* 댓글 */
.logbook_view .cmt_btn {
    background: transparent;
    border-color: rgb(from var(--hl-point) r g b / 15%);
    color: var(--hl-title);
}
.logbook_view .comment_section,
.logbook_view #bo_vc_w {
    background: var(--hl-sub);
}

/* 오른쪽 위·아래 이동 버튼 */
.logbook_scroll_buttons .logbook_scroll_btn {
    background: var(--hl-solid);
    border: 1px solid rgb(from var(--hl-point) r g b / 30%);
    color: var(--hl-title);
}
.logbook_scroll_buttons .logbook_scroll_btn:hover {
    border-color: var(--hl-point);
    color: var(--hl-point);
}

/* =================== 방문자 테마 버튼 =================== */
.lb_theme_wrap {
    position: relative;
    list-style: none;
}
.lb_theme_menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 120;
    min-width: 190px;
    padding: 6px;
    border: 1px solid rgb(from var(--hl-point) r g b / 25%);
    border-radius: 6px;
    background: var(--hl-solid);
    box-shadow: 0 10px 28px var(--hl-shadow);
    text-align: left;
}
.lb_theme_menu.open { display: block; }
.lb_theme_title {
    display: block;
    padding: 4px 8px 6px;
    color: var(--hl-muted);
    font-family: var(--hl-mono);
    font-size: 0.7rem;
    letter-spacing: 0.12em;
}
.lb_theme_opt {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 8px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--hl-title);
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
}
.lb_theme_opt:hover { background: rgb(from var(--hl-point) r g b / 10%); }
.lb_theme_opt.active { color: var(--hl-point); font-weight: 600; }
.lb_theme_opt.active::after {
    content: "✓";
    margin-left: auto;
}
.lb_theme_dot {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgb(from var(--hl-point) r g b / 45%);
}
.lb_theme_sep {
    height: 1px;
    margin: 5px 4px;
    background: rgb(from var(--hl-point) r g b / 15%);
}
/* ===== HEALER 테마 끝 ===== */