/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 1단계 (by Gemini)
  - 테마: eb4_basic (수정본)
  - 폰트: Pretendard JP
  - 디자인: 모던 다크 모드 (Modern Dark)
==================================================
*/

/* 1. 폰트 불러오기 (Pretendard JP) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.css');

/* 2. 기본 폰트 및 다크 모드 배경/글꼴 설정 */
/* custom.css 맨 위에 있는 :root 부분을 아래 코드로 덮어쓰세요 */
:root {
  /* 색상 변수 정의 */
  --dark-bg-primary: #18181B;    /* 칠흑 (메인 배경) - 유지 */
  --dark-bg-secondary: #3F3F46; /* ★ 카드 배경색 (기존 #27272A -> #3F3F46 변경) */
  --dark-border: #52525B;        /* 경계선 (카드 배경색 변경에 따라 같이 살짝 밝게) */
  --dark-text-primary: #E4E4E7;  /* 밝은 텍스트 (본문) - 유지 */
  --dark-text-secondary: #A1A1AA;/* 회색 텍스트 (부가 정보) - 유지 */
  --dark-point-color: #38BDF8;   /* 포인트 색상 (링크) - 유지 */
  --dark-point-hover: #7DD3FC;   /* 포인트 호버 - 유지 */
}

body, input, textarea, button, select {
  font-family: 'Pretendard JP', 'Pretendard', -apple-system, BlinkMacSystemFont, 
               'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400; /* Regular */
  color: var(--dark-text-primary);
}

body {
  background-color: var(--dark-bg-primary);
}

/* 링크 색상 */
a {
  color: var(--dark-text-secondary);
  text-decoration: none;
}
a:hover {
  color: var(--dark-point-hover);
}

/* 제목 색상 */
h1, h2, h3, h4, h5, h6 {
  color: var(--dark-text-primary) !important;
}

/* 기본 배경/테두리 */
.wrapper, .basic-body {
  background-color: var(--dark-bg-primary);
}
hr, .border-top, .border-bottom {
  border-color: var(--dark-border) !important;
}

/*
==================================================
  3. 헤더 (head.html.php) 다크 모드
==================================================
*/

/* 최상단 메뉴 (로그인/회원가입) */
.header-wrap .top-header {
  background-color: var(--dark-bg-primary);
  border-bottom: 1px solid var(--dark-border);
}
.header-wrap .top-header-nav li a {
  color: var(--dark-text-secondary);
}
.header-wrap .top-header-nav li a:hover {
  color: var(--dark-point-hover);
}
.dropdown-menu {
  background-color: var(--dark-bg-secondary);
  border: 1px solid var(--dark-border);
}
.dropdown-menu .dropdown-item {
  color: var(--dark-text-secondary);
}
.dropdown-menu .dropdown-item:hover {
  background-color: var(--dark-point-color);
  color: #fff;
}

/* 로고 및 검색 영역 */
.header-wrap .header-title {
  background-color: var(--dark-bg-secondary);
  border-bottom: 1px solid var(--dark-border);
}

/* 검색창 */
.header-title-search .eyoom-form .input input {
  background: var(--dark-bg-primary);
  border: 1px solid var(--dark-border);
  color: var(--dark-text-primary);
}
.header-title-search .eyoom-form .input .button input[type="submit"] {
  background: var(--dark-bg-primary);
}
.header-title-search .eyoom-form .input .button i {
  color: var(--dark-point-color);
}

/* 마이홈/마이페이지 버튼 */
.header-title-btn .title-btn-in {
  background-color: var(--dark-bg-primary);
  border: 1px solid var(--dark-border);
}
.header-title-btn .title-btn-in:hover {
  background-color: var(--dark-point-color);
  border-color: var(--dark-point-color);
}

/* 메인 메뉴 (GNB) */
.nav-wrap {
  background-color: var(--dark-bg-secondary);
  border-bottom: 2px solid var(--dark-point-color);
}
.nav-wrap .navbar-nav > li > .nav-link {
  color: var(--dark-text-primary);
}
.nav-wrap .navbar-nav > li:hover > .nav-link,
.nav-wrap .navbar-nav > li.active > .nav-link {
  color: var(--dark-point-hover);
  background: none;
}
/* 메가 메뉴 */
.dropdown-mega-menu .dropdown-menu {
  background-color: var(--dark-bg-secondary);
  border: 1px solid var(--dark-border);
}
.dropdown-mega-menu .mega-menu h5 a,
.dropdown-mega-menu .mega-menu .mega-menu-item {
  color: var(--dark-text-primary);
}
.dropdown-mega-menu .mega-menu .mega-menu-item:hover {
  color: var(--dark-point-hover);
}

/*
==================================================
  4. 푸터 (tail.html.php) 다크 모드
==================================================
*/
.footer {
  background-color: var(--dark-bg-secondary);
  border-top: 1px solid var(--dark-border);
  color: var(--dark-text-secondary);
}
.footer-top {
  border-bottom: 1px solid var(--dark-border);
}
.footer-nav a, .footer-right-nav a {
  color: var(--dark-text-secondary);
}
.footer-copyright .text-black {
  color: var(--dark-text-primary) !important;
}

/*
==================================================
  5. 사이드바 (side.html.php) 다크 모드
==================================================
*/

/* 사이드바 공통 */
.basic-body-side {
  background-color: transparent; /* body 배경색을 따름 */
  color: var(--dark-text-secondary);
}

/* 사이드바 내부 위젯 (아웃로그인, 최신글 등) */
.side-contents .widget-box {
  background: var(--dark-bg-secondary);
  border: 1px solid var(--dark-border);
  border-radius: 8px; /* 모던한 느낌을 위해 둥글게 */
}
.side-contents .widget-box .widget-title {
  color: var(--dark-text-primary);
  border-bottom: 1px solid var(--dark-border);
}

/* 아웃로그인 (eb_outlogin) */
.eb-outlogin .eb-outlogin-in {
  background: none;
}
.eb-outlogin .member-profile .profile-img img {
  border: 3px solid var(--dark-border);
}
.eb-outlogin .member-profile .profile-info strong {
  color: var(--dark-text-primary);
}
.eb-outlogin .member-profile .profile-info .level-icon {
  border: 1px solid var(--dark-border);
}
.eb-outlogin .member-nav a {
  background: var(--dark-bg-primary);
  border: 1px solid var(--dark-border);
  color: var(--dark-text-secondary);
}
.eb-outlogin .member-nav a:hover {
  background: var(--dark-point-color);
  border-color: var(--dark-point-color);
  color: #fff;
}
.eb-outlogin .login-form .btn-login {
  background: var(--dark-point-color);
  color: #fff;
}
.eb-outlogin .login-form .btn-login:hover {
  background: var(--dark-point-hover);
}
.eb-outlogin .login-links a {
  color: var(--dark-text-secondary);
}

/* 사이드바 최신글, 랭킹 등 */
.side-contents .widget-box .widget-list li a {
  color: var(--dark-text-secondary);
}
.side-contents .widget-box .widget-list li a:hover {
  color: var(--dark-point-hover);
}
.side-contents .widget-box .widget-list li .post-date {
  color: #777;
}

/* 사이드바 메뉴 (서브페이지) */
.sidebar-nav-e1 {
  background: var(--dark-bg-secondary);
  border: 1px solid var(--dark-border);
  border-radius: 8px;
}
.sidebar-nav-e1 > li {
  border-bottom: 1px solid var(--dark-border);
}
.sidebar-nav-e1 > li > a {
  color: var(--dark-text-primary);
}
.sidebar-nav-e1 > li.active > a {
  background: var(--dark-point-color);
  color: #fff;
}
.sidebar-nav-e1 li ul {
  background: var(--dark-bg-primary);
  border-top: 1px solid var(--dark-border);
}
.sidebar-nav-e1 li ul a {
  color: var(--dark-text-secondary);
}
.sidebar-nav-e1 li ul a:hover,
.sidebar-nav-e1 li ul li.active > a {
  color: var(--dark-point-hover);
}

/*
==================================================
  6. 서브 페이지 제목 (head.html.php)
==================================================
*/
.page-title-wrap {
  background-color: var(--dark-bg-secondary);
  border-bottom: 1px solid var(--dark-border);
  padding: 25px 0; /* 제목 영역을 더 넓고 시원하게 */
}
.page-title-wrap h2 {
  color: var(--dark-text-primary);
  font-weight: 600; /* 제목을 더 굵게 */
}
.sub-breadcrumb li a {
  color: var(--dark-text-secondary);
}
.sub-breadcrumb li.active {
  color: var(--dark-point-color);
}

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 3단계
  - 게시판 목록 (skin/board/webzine/list.skin.html.php)
==================================================
*/

/* 게시판 목록 전체 컨테이너 */
.board-list {
  color: var(--dark-text-secondary);
}

/* 상단 정보 (전체 건수, 관심게시판 버튼) */
.board-list .board-info {
  color: var(--dark-text-secondary);
}

/* 카테고리 탭 */
.tab-scroll-category {
  background-color: var(--dark-bg-secondary);
  border: 1px solid var(--dark-border);
  border-bottom: none;
}
.tab-scroll-category .category-list span a {
  color: var(--dark-text-secondary);
}
.tab-scroll-category .category-list span.active a {
  color: var(--dark-point-color) !important;
  font-weight: 600;
}
.tab-scroll-category .tab-category-divider {
  border-bottom: 1px solid var(--dark-border);
}
.tab-scroll-category .controls button {
  background-color: var(--dark-bg-secondary);
  color: var(--dark-text-secondary);
}

/* 웹진 아이템 (.webzine-item) */
.board-webzine .webzine-item {
  border-top-color: var(--dark-border);
  padding: 25px 0; /* 상하 여백 늘려서 시원하게 */
}

/* 웹진 썸네일 이미지 */
.board-webzine .webzine-item .webzine-img-box {
  border-radius: 4px; /* 살짝 둥글게 */
}
.board-webzine .webzine-item .webzine-img-box-in:after {
 background: rgba(0, 0, 0, 0.5); /* 이미지 호버 시 더 어둡게 */
}

/* 웹진 제목 */
.board-webzine .webzine-item .webzine-desc h4 a {
  color: var(--dark-text-primary);
  font-weight: 600; /* 제목 굵게 */
}
.board-webzine .webzine-item:hover .webzine-desc h4 {
  color: var(--dark-point-hover); /* 호버 시 포인트 색상 */
  text-decoration: none;
}
.board-webzine .webzine-item .webzine-desc h4 .text-gray { /* 카테고리 */
  color: var(--dark-text-secondary) !important;
}

/* 웹진 본문 요약 */
.board-webzine .webzine-item .webzine-cont {
  color: var(--dark-text-secondary);
}

/* 웹진 하단 정보 (작성자, 날짜, 조회수 등) */
.board-webzine .webzine-item .webzine-info {
  border-top-color: var(--dark-border);
  color: var(--dark-text-secondary);
}
.board-webzine .webzine-item .webzine-info span i {
  color: #71717A; /* 아이콘 색상 살짝 밝게 */
}
.board-webzine .webzine-item .webzine-info strong {
  color: var(--dark-text-primary); /* 숫자 강조 */
}
.board-webzine .webzine-item .webzine-info .text-deep-orange { /* 댓글 수 */
  color: #FB923C !important;
}
.board-webzine .webzine-item .webzine-info .text-teal { /* 추천 수 */
  color: #2DD4BF !important;
}
.board-webzine .webzine-item .webzine-info .text-pink { /* 비추천 수 */
  color: #F472B6 !important;
}

/* 공지사항 */
.board-webzine .webzine-item-notice {
  background-color: var(--dark-bg-secondary);
  border-color: var(--dark-border);
}
.board-webzine .webzine-item-notice a strong {
  color: var(--dark-point-color);
}

/* 페이지네이션 */
.board-pagination .pg_page,
.board-pagination .pg_current {
  background: var(--dark-bg-secondary);
  border-color: var(--dark-border);
  color: var(--dark-text-secondary);
}
.board-pagination .pg_current {
  background: var(--dark-point-color);
  border-color: var(--dark-point-color);
  color: #fff;
}
.board-pagination a:hover .pg_page {
  background: var(--dark-border);
  color: var(--dark-text-primary);
}
.board-pagination .pg_start, .pg_prev, .pg_next, .pg_end {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
}
.board-pagination a:hover .pg_start, .board-pagination a:hover .pg_prev,
.board-pagination a:hover .pg_next, .board-pagination a:hover .pg_end {
    background: var(--dark-border);
    color: var(--dark-text-primary);
}

/* 검색 모달 */
.modal-content {
  background-color: var(--dark-bg-secondary);
  border: 1px solid var(--dark-border);
}
.modal-header {
  border-bottom-color: var(--dark-border);
}
.modal-header .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%); /* 닫기 버튼 색상 변경 */
}
.eyoom-form .select select,
.eyoom-form .input input,
.eyoom-form .textarea textarea {
    background: var(--dark-bg-primary);
    border-color: var(--dark-border);
    color: var(--dark-text-primary);
}
.eyoom-form .icon-prepend, .eyoom-form .icon-append {
    color: var(--dark-text-secondary);
}

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 4단계
  - 게시글 보기 (skin/board/webzine/view.skin.html.php)
==================================================
*/

/* 게시글 보기 전체 컨테이너 */
.board-view {
    color: var(--dark-text-primary);
}

/* 게시글 제목 */
.board-view .board-view-subj strong {
    color: var(--dark-text-primary);
}
.board-view .board-view-subj .text-gray { /* 카테고리 */
    color: var(--dark-text-secondary) !important;
}

/* 작성자 정보 영역 */
.board-view .board-view-info {
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
    background: var(--dark-bg-secondary) !important;
}
.board-view .board-view-info .view-photo img {
    border: 2px solid var(--dark-border);
}
.board-view .board-view-info .view-nick .sv_wrap > a {
    color: var(--dark-text-primary);
    font-weight: 600;
}
.board-view .board-view-info .info-box-bottom,
.board-view .board-view-info .info-box-bottom a {
    color: var(--dark-text-secondary);
}
.board-view .board-view-info .info-box-bottom i {
    color: #71717A;
}
.board-view .board-view-info .info-box-bottom strong {
    color: var(--dark-text-primary);
}
.board-view .board-view-info .info-box-bottom .text-deep-orange { /* 댓글 수 */
    color: #FB923C !important;
}
.board-view .board-view-info .info-box-bottom .text-teal { /* 추천 수 */
    color: #2DD4BF !important;
}
.board-view .board-view-info .info-box-bottom .text-pink { /* 비추천 수 */
    color: #F472B6 !important;
}

/* 첨부파일, 관련링크 */
.board-view .board-view-file li,
.board-view .board-view-link li {
    border-bottom-color: var(--dark-border);
    color: var(--dark-text-secondary);
}
.board-view .board-view-file a,
.board-view .board-view-link a {
    color: var(--dark-point-color);
}
.board-view .board-view-file a:hover,
.board-view .board-view-link a:hover {
    color: var(--dark-point-hover);
}
.board-view .board-view-file span i,
.board-view .board-view-link span i {
    color: #71717A;
}

/* 글 버튼 영역 (복사, 이동, 스크랩 등) */
.board-view .board-view-btn-wrap {
    border-bottom-color: var(--dark-border);
}
.board-view .board-view-btn {
    background: var(--dark-bg-secondary);
    color: var(--dark-text-secondary);
    border-left-color: var(--dark-border);
}
.board-view .board-view-btn:last-child {
    border-right-color: var(--dark-border);
}
.board-view .board-view-btn:hover {
    background: var(--dark-border);
    color: var(--dark-text-primary);
}
.board-view .board-view-btn .badge { /* 신고 수 */
    background-color: #DC2626;
    color: white;
}

/* 상단 버튼 영역 (이전글, 다음글, 목록 등) */
.board-view .view-top-btn {
    padding: 20px 0;
}

/* 본문 내용 영역 */
.board-view .board-view-atc {
    color: var(--dark-text-primary);
    line-height: 1.8; /* 가독성을 위해 줄 간격 조정 */
}
.board-view .board-view-con {
    border-top: 1px solid var(--dark-border);
    padding-top: 30px;
    margin-bottom: 40px;
}
/* 본문 안의 이미지, 테이블 등 */
.board-view .board-view-con img {
    border-radius: 4px;
}
.board-view .board-view-con table {
    border-color: var(--dark-border);
}
.board-view .board-view-con th,
.board-view .board-view-con td {
    border-color: var(--dark-border);
    color: var(--dark-text-primary);
}
.board-view .board-view-con blockquote {
    border-left-color: var(--dark-point-color);
    background-color: var(--dark-bg-secondary);
    color: var(--dark-text-secondary);
}

/* 코드 블록 (Prism.js) */
pre[class*="language-"] {
    background: #282C34 !important; /* One Dark 테마 배경색 */
    border: 1px solid var(--dark-border);
    border-radius: 4px;
}
code[class*="language-"], pre[class*="language-"] {
    color: #ABB2BF; /* One Dark 기본 텍스트 색상 */
    text-shadow: none;
}
/* Prism.js 다크 테마 추가 스타일 (필요에 따라 더 추가) */
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #5C6370; }
.token.punctuation { color: #ABB2BF; }
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #E06C75; }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #98C379; }
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #56B6C2; }
.token.atrule, .token.attr-value, .token.keyword { color: #C678DD; }
.token.function, .token.class-name { color: #61AFEF; }
.token.regex, .token.important, .token.variable { color: #E5C07B; }

/* 추천/비추천 버튼 */
.board-view .board-view-good-btn .act-gng-btn {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    border-radius: 8px; /* 둥글게 */
}
.board-view .board-view-good-btn .act-gng-btn i {
    color: var(--dark-text-secondary);
}
.board-view .board-view-good-btn .act-gng-btn strong {
    color: var(--dark-text-primary);
}
.board-view .board-view-good-btn .act-gng-btn:hover {
    border-color: var(--dark-point-color);
}
.board-view .board-view-good-btn .act-gng-btn:hover i,
.board-view .board-view-good-btn .act-gng-btn:hover strong {
    color: var(--dark-point-hover);
}
.board-view .board-view-good-btn .act-gng-btn .mask { /* 호버 효과 */
    background: rgba(56, 189, 248, 0.1);
}
.board-view .board-view-good-btn .act-gng-btn:hover h5 { /* 호버 텍스트 */
    color: var(--dark-point-hover);
}

/* 추천/비추천 회원 목록 */
.board-view .board-view-good-member {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
}
.board-view .board-view-good-member h5 {
    color: var(--dark-text-primary);
}
.board-view .board-view-good-member h5:after {
    background: var(--dark-point-color);
}
.board-view .board-view-good-member span a {
    color: var(--dark-text-secondary);
}
.board-view .board-view-good-member > span:after {
    color: var(--dark-border);
}

/* 태그 */
.board-view .board-view-tag {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
}
.board-view .board-view-tag .fa-tags {
    color: var(--dark-text-secondary);
}
.board-view .board-view-tag span {
    background: var(--dark-bg-primary);
    border: 1px solid var(--dark-border);
    color: var(--dark-text-secondary);
}
.board-view .board-view-tag a:hover span {
    background: var(--dark-point-color);
    border-color: var(--dark-point-color);
    color: #fff;
}

/* SNS 버튼 */
.social-icons li a {
    opacity: 0.7;
}
.social-icons li a:hover {
    opacity: 1;
}

/* 신고 모달 */
.yellowcard-modal .modal-content {
    background-color: var(--dark-bg-secondary);
}

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 5단계
  - 댓글 영역 (skin/board/webzine/view_comment.skin.html.php)
==================================================
*/

/* 댓글 영역 전체 */
.comment-area {
  margin-top: 50px;
}

/* 댓글 목록 제목 */
.view-comment .view-comment-heading {
  border-bottom-color: var(--dark-border);
  color: var(--dark-text-primary);
  margin-bottom: 20px;
}
.view-comment .view-comment-heading .text-deep-orange { /* 댓글 수 */
  color: #FB923C !important;
}

/* 댓글 아이템 */
.view-comment .view-comment-item-wrap {
    border-bottom-color: var(--dark-border); /* 각 댓글 구분선 */
}
.view-comment .view-comment-item-wrap:before { /* 댓글 깊이 구분선 */
    background-color: var(--dark-border);
}
.view-comment .view-comment-item {
    background-color: var(--dark-bg-primary); /* 댓글 기본 배경 */
}
.view-comment .view-comment-item:before { /* 댓글 아이템 왼쪽 테두리 */
    background-color: var(--dark-border);
}
.view-comment .view-comment-item.cmt-best { /* 베스트 댓글 */
    background-color: rgba(56, 189, 248, 0.1); /* 포인트 색상 투명 배경 */
    border: 1px dashed var(--dark-point-color);
}
.view-comment .view-comment-item .view-comment-best-label { /* 베스트 댓글 라벨 */
    background: var(--dark-point-color);
}

/* 댓글 깊이 배경색 (선택사항, 너무 알록달록하면 제거) */
.view-comment .view-comment-item-wrap.depth-w15 { background-color: rgba(56, 189, 248, 0.03); }
.view-comment .view-comment-item-wrap.depth-w15:before { background-color: rgba(56, 189, 248, 0.1); }
.view-comment .view-comment-item-wrap.depth-w30 { background-color: rgba(244, 114, 182, 0.03); }
.view-comment .view-comment-item-wrap.depth-w30:before { background-color: rgba(244, 114, 182, 0.1); }
.view-comment .view-comment-item-wrap.depth-w45 { background-color: rgba(45, 212, 191, 0.03); }
.view-comment .view-comment-item-wrap.depth-w45:before { background-color: rgba(45, 212, 191, 0.1); }
/* ... 이하 깊이 생략 ... */

/* 댓글 작성자 정보 */
.view-comment .comment-item-info {
  background-color: var(--dark-bg-secondary);
  border-color: var(--dark-border);
}
.view-comment .comment-item-info.bg-author { /* 원글 작성자 댓글 */
  background-color: rgba(56, 189, 248, 0.1);
  border-color: var(--dark-point-color);
}
.view-comment .view-comment-item.cmt-best .comment-item-info { /* 베스트 댓글 정보 */
    border-color: var(--dark-point-color);
}
.view-comment .comment-name .sv_wrap > a {
    color: var(--dark-text-primary);
    font-weight: 600;
}
.view-comment .comment-time {
    color: var(--dark-text-secondary);
}
.view-comment .comment-ip {
    color: #71717A;
}

/* 댓글 메뉴 버튼 (신고 등) */
.view-comment .comment-dropdown-btn {
    background: var(--dark-border);
    color: var(--dark-text-secondary);
}
.view-comment .comment-dropdown-btn:hover {
    background: var(--dark-point-color);
    color: #fff;
}
.view-comment .comment-dropdown .dropdown-menu {
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border);
}
.view-comment .comment-dropdown .dropdown-menu a {
    color: var(--dark-text-secondary);
}
.view-comment .comment-dropdown .dropdown-menu a:hover {
    background-color: var(--dark-point-color);
    color: #fff;
}
.view-comment .comment-dropdown .dropdown-menu a small {
    color: #71717A;
}

/* 댓글 내용 */
.view-comment .comment-item-content {
    color: var(--dark-text-primary);
}
.view-comment .comment-item-content .comment-file-item { /* 첨부파일 */
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
}
.view-comment .comment-item-content .comment-file-item a {
    color: var(--dark-point-color);
}
.view-comment .comment-item-content .comment-file-item i {
    color: #71717A;
}
.view-comment .comment-item-content .comment-image img { /* 첨부 이미지 */
    border: 1px solid var(--dark-border);
    border-radius: 4px;
}
.view-comment .comment-item-content .comment-cont-txt a { /* 내용 안의 링크 */
    color: var(--dark-point-color);
    text-decoration: underline;
}

/* 댓글 버튼 (댓글쓰기, 수정, 삭제 등) */
.view-comment .comment-btn-wrap .comment-btn {
    background: var(--dark-border);
    color: var(--dark-text-secondary);
    margin-left: 2px;
    border-radius: 4px;
}
.view-comment .comment-btn-wrap .comment-btn:hover {
    background: var(--dark-point-color);
    color: #fff;
}
.view-comment .comment-btn-wrap .comment-btn.bg-navy { /* '댓글쓰기' 버튼 강조 */
    background: var(--dark-point-color);
    color: #fff;
}
.view-comment .comment-btn-wrap .comment-btn.bg-navy:hover {
    background: var(--dark-point-hover);
}

/* 댓글 추천/비추천 버튼 */
.view-comment .goodcmt_button, .view-comment .nogoodcmt_button {
    background: var(--dark-border);
    color: var(--dark-text-secondary);
}
.view-comment .goodcmt_button:hover, .view-comment .nogoodcmt_button:hover {
    background: var(--dark-bg-secondary);
}
.view-comment .goodcmt_button strong, .view-comment .nogoodcmt_button strong {
    color: var(--dark-text-primary);
}
.view-comment .goodcmt_button .text-amber { color: #F59E0B !important; } /* 추천 수 */
.view-comment .nogoodcmt_button .text-light-gray { color: #A1A1AA !important; } /* 비추천 수 */


/* 댓글 쓰기 영역 */
.comment-area .comment-write-heading {
    border-bottom-color: var(--dark-border);
    color: var(--dark-text-primary);
}
.comment-area .comment-write-wrap .eyoom-form label { /* 라벨 */
    color: var(--dark-text-secondary);
}
.comment-area .comment-write .comment-write-option { /* 옵션 영역 배경 */
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
}
.comment-area .comment-write .comment-write-option .comment-collapse-box { /* 옵션 내부 박스 */
    background: var(--dark-bg-primary);
    border-top-color: var(--dark-border);
}
.comment-area .comment-write .comment-write-footer { /* 하단 안내문 */
    background: var(--dark-bg-secondary) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-secondary) !important;
}
.comment-area .eyoom-form .textarea textarea { /* 댓글 입력창 */
    background: var(--dark-bg-primary);
    border-color: var(--dark-border);
    color: var(--dark-text-primary);
}
.comment-area .eyoom-form .textarea textarea:focus {
    border-color: var(--dark-point-color);
}
#char_cnt { /* 글자 수 */
    color: var(--dark-text-secondary);
}

/* 댓글 포인트 안내 모달 */
.cmt-point-info-modal .modal-content {
    background-color: var(--dark-bg-secondary);
}
.cmt-point-info-modal .card {
    background-color: var(--dark-bg-primary);
    border: 1px solid var(--dark-border);
}
.cmt-point-info-modal .card-header {
    background-color: var(--dark-bg-secondary);
    border-bottom: 1px solid var(--dark-border);
    color: var(--dark-text-primary);
}
.cmt-point-info-modal .card-body {
    color: var(--dark-text-secondary);
}

/* 댓글 더보기 버튼 */
.comment-area .view-comment-more {
    border-top-color: var(--dark-border);
}

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 6단계
  - 게시판 목록 (skin/board/gallery/list.skin.html.php)
==================================================
*/

/* 갤러리 아이템 내부 컨테이너 */
.board-gallery .gallery-item-in {
  background-color: var(--dark-bg-secondary) !important; /* ★ !important 추가 */
  border-color: var(--dark-border);
  border-radius: 8px;
  overflow: hidden;
  /* --- 이하 기존 6단계 코드 유지 --- */
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.board-gallery .gallery-item-in:hover {
  border-color: var(--dark-point-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: translateY(-4px);
}

/* 갤러리 아이템 카테고리 */
.board-gallery .gallery-item-in .gallery-item-category {
  background: var(--dark-bg-secondary);
  border-bottom-color: var(--dark-border);
  color: var(--dark-text-secondary);
  font-weight: normal; /* 기본 스킨보다 얇게 */
}
.board-gallery .gallery-item-in .gallery-item-category .gl-label { /* 승인/미승인 라벨 */
  background-color: var(--dark-border);
}
.board-gallery .gallery-item-in .gallery-item-category .bg-dark { /* 승인 라벨 */
  background-color: var(--dark-point-color);
}

/* 갤러리 아이템 이미지 영역 */
.board-gallery .gallery-item .gallery-item-image {
  padding: 0; /* 내부 여백 제거 */
}
.board-gallery .gallery-item .gallery-item-image-in:after {
 background: rgba(0, 0, 0, 0.6); /* 이미지 호버 시 더 어둡게 */
}

/* 갤러리 아이템 정보 영역 */
.board-gallery .gallery-item .gallery-item-info {
  padding: 15px;
}
.board-gallery .gallery-item .gallery-item-info h4 {
  color: var(--dark-text-primary);
  font-weight: 600; /* 제목 강조 */
}
.board-gallery .gallery-item:hover .gallery-item-info h4 {
  color: var(--dark-point-hover);
  text-decoration: none; /* 밑줄 제거 */
}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon { /* 새글 아이콘 */
  background-color: #F87171; /* 레드 계열 */
}
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon:before,
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon:after,
.board-gallery .gallery-item .gallery-item-info h4 .gallery-new-icon b {
    background-color: #fff;
}

/* 갤러리 투표 라벨 */
.board-gallery .gallery-item .gallery-item-info .poll-label {
    background-color: #4F46E5; /* 인디고 */
}
.board-gallery .gallery-item .gallery-item-info .poll-label.poll-label-image {
    background-color: #EC4899; /* 핑크 */
}
.board-gallery .gallery-item .gallery-item-info .poll-label.poll-label-video {
    background-color: #8B5CF6; /* 퍼플 */
}

/* 갤러리 아이템 내용 요약 */
.board-gallery .gallery-item .gallery-item-info .gallery-cont {
  color: var(--dark-text-secondary);
}

/* 갤러리 작성자 정보 */
.board-gallery .gallery-desc .gallery-photo img {
  border: 1px solid var(--dark-border);
}
.board-gallery .gallery-desc span { /* 작성자 닉네임 */
    color: var(--dark-text-primary);
}
.board-gallery .gallery-desc .sv_wrap > a {
    color: var(--dark-text-primary);
}

/* 갤러리 별점 (기본 숨김 처리 - 필요 시 주석 해제) */
.board-gallery .gallery-ratings {
  /* display: none; */
}
.board-gallery .gallery-ratings .star-ratings-list {
  background: var(--dark-bg-secondary);
}
.board-gallery .gallery-ratings .star-ratings-list li .rating {
  color: var(--dark-border);
}
.board-gallery .gallery-ratings .star-ratings-list li .rating-selected {
  color: #FBBF24; /* 앰버 */
}

/* 갤러리 아이템 하단 정보 (날짜, 댓글 수 등) */
.board-gallery .gallery-item .gallery-item-bottom {
  border-top-color: var(--dark-border);
  color: var(--dark-text-secondary);
}
.board-gallery .gallery-item .gallery-item-bottom .float-end { /* 조회수 */
  border-left-color: var(--dark-border);
}
.board-gallery .gallery-item .gallery-item-bottom i {
  color: #71717A;
}
.board-gallery .gallery-item .gallery-item-bottom .text-deep-orange { /* 댓글 수 */
  color: #FB923C !important;
}
.board-gallery .gallery-item .gallery-item-bottom .text-teal { /* 추천 수 */
  color: #2DD4BF !important;
}
.board-gallery .gallery-item .gallery-item-bottom .text-pink { /* 비추천 수 */
  color: #F472B6 !important;
}

/* 공지사항 */
.board-gallery .gallery-box-notice {
  border-color: var(--dark-point-color);
  background-color: rgba(56, 189, 248, 0.1);
}
.board-gallery .gallery-box-notice a strong {
  color: var(--dark-point-hover);
}
.board-gallery .gallery-box-notice .label {
  background: var(--dark-point-color);
}

/* 더보기 버튼 (Infinite Scroll) */
.board-list .view-infinite-more .btn-e-xlg {
    background: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
}
.board-list .view-infinite-more .btn-e-xlg:hover {
    background: var(--dark-border);
    border-color: var(--dark-border);
    color: var(--dark-text-primary);
}
.board-list .view-infinite-more .btn-e-xlg:hover i {
    color: var(--dark-point-color);
}

/* 로딩 애니메이션 배경 */
#infscr-loading {
    background: var(--dark-point-color);
    opacity: 0.9;
    color: #fff;
}

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 6-1단계
  - 갤러리 목록 디자인 개선 (Modern Touches)
==================================================
*/

/* 갤러리 아이템 컨테이너 개선 */
.board-gallery .gallery-item-in {
  transition: all 0.2s ease-in-out; /* 부드러운 전환 효과 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* 약한 그림자 추가 */
}
.board-gallery .gallery-item-in:hover {
  transform: translateY(-4px); /* 살짝 떠오르는 효과 */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4); /* 그림자 강조 */
  border-color: var(--dark-point-hover); /* 호버 시 테두리 색상 밝게 */
}

/* 갤러리 아이템 이미지 영역 개선 */
.board-gallery .gallery-item .gallery-item-image-in img {
  transition: transform 0.3s ease; /* 이미지 확대 효과 준비 */
}
.board-gallery .gallery-item-in:hover .gallery-item-image-in img {
  transform: scale(1.05); /* 호버 시 이미지 살짝 확대 */
}
.board-gallery .gallery-item .gallery-item-image-in:after {
    /* 기존 호버 시 검은 배경 제거 (선택사항) */
    /* background: none; */
}

/* 갤러리 아이템 정보 영역 개선 */
.board-gallery .gallery-item .gallery-item-info {
  padding: 20px;
}
.board-gallery .gallery-item .gallery-item-info h4 a {
  margin-bottom: 8px;
  min-height: 48px;
  font-size: 1.1rem;
  color: var(--dark-text-primary) !important; /* ★ 제목 색상 강제 지정 (흰색 계열) */
}
.board-gallery .gallery-item:hover .gallery-item-info h4 a {
  color: var(--dark-point-hover) !important; /* 호버 시에도 유지 */
}
.board-gallery .gallery-desc {
  margin-bottom: 15px; /* 작성자 정보 아래 여백 늘리기 */
  font-size: 0.875rem; /* 작성자 폰트 살짝 작게 */
}

/* 갤러리 아이템 하단 정보 개선 */
.board-gallery .gallery-item .gallery-item-bottom {
  padding: 12px 20px; /* 내부 여백 조정 */
  font-size: 0.875rem; /* 폰트 살짝 작게 */
}
.board-gallery .gallery-item .gallery-item-bottom .float-start,
.board-gallery .gallery-item .gallery-item-bottom .float-end {
  padding: 0; /* 내부의 불필요한 패딩 제거 */
}
.board-gallery .gallery-item .gallery-item-bottom .float-end {
  border-left: none; /* 조회수 왼쪽 테두리 제거 */
}

/* 관리자 버튼 (선택삭제 등) 색상 조정 */
.board-list .blbw-left .btn-e-gray,
.board-list .board-list-button-wrap .blbw-left .btn-e-dark {
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
}
.board-list .blbw-left .btn-e-gray:hover,
.board-list .board-list-button-wrap .blbw-left .btn-e-dark:hover {
    background-color: var(--dark-border);
    color: var(--dark-text-primary);
}

/* 글쓰기 버튼 색상 조정 */
.board-list .blbw-right .btn-e-navy {
    background-color: var(--dark-point-color);
    border-color: var(--dark-point-color);
    color: #fff;
}
.board-list .blbw-right .btn-e-navy:hover {
    background-color: var(--dark-point-hover);
    border-color: var(--dark-point-hover);
}

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 7단계
  - 게시판 목록 (skin/board/basic/list.skin.html.php)
==================================================
*/

/* 테이블 헤더 */
.board-list .bl-head {
  background-color: var(--dark-bg-secondary) !important;
  border-top-color: var(--dark-border); /* 상단 구분선 색상 */
  border-bottom-color: var(--dark-border); /* 하단 구분선 색상 */
  color: var(--dark-text-primary);
}
.board-list .bl-head > div:before { /* 헤더 칸 구분선 */
  background-color: var(--dark-border);
}
.board-list .bl-head .bl-num-checkbox .checkbox i { /* 체크박스 테두리 */
    border-color: var(--dark-text-secondary);
}

/* 게시글 목록 아이템 */
.board-list .bl-list {
  border-bottom-color: var(--dark-border);
  color: var(--dark-text-secondary); /* 기본 텍스트 색상 */
}
.board-list .bl-list:hover { /* 호버 시 배경 */
  background-color: rgba(56, 189, 248, 0.05); /* 포인트 색상 투명 배경 */
}
.board-list .bl-list > div:before { /* 아이템 칸 구분선 */
  background-color: var(--dark-border);
}

/* 공지사항 아이템 */
.board-list .bl-list.bl-notice {
  background-color: rgba(56, 189, 248, 0.08); /* 포인트 색상 투명 배경 */
}
.board-list .bl-list.bl-notice .bl-txt { /* 공지 라벨 */
    color: var(--dark-point-color);
    font-weight: 600;
}

/* 번호, 열람중 */
.board-list .bl-list .bl-txt.text-crimson {
    color: var(--dark-point-color) !important;
}

/* 제목 */
.board-list .bl-list .bl-subj a .subj {
  color: var(--dark-text-primary); /* 기본 제목 색상 */
}
.board-list .bl-list .bl-subj a:hover .subj {
  color: var(--dark-point-hover); /* 호버 시 색상 */
  text-decoration: underline;
}
.board-list .bl-list .bl-subj a .subj.text-crimson { /* 열람중 제목 */
    color: var(--dark-point-color) !important;
}
.board-list .bl-list .bl-subj .text-gray { /* 카테고리 */
    color: var(--dark-text-secondary) !important;
}
.board-list .bl-list .bl-subj .reply-indication { /* 답변 아이콘 */
  border-left-color: var(--dark-border);
  border-bottom-color: var(--dark-border);
}
.board-list .bl-list .bl-subj .bl-new-icon { /* 새글 아이콘 */
  background-color: #F87171; /* 레드 */
}
.board-list .bl-list .bl-subj .bl-new-icon:before,
.board-list .bl-list .bl-subj .bl-new-icon:after,
.board-list .bl-list .bl-subj .bl-new-icon b {
    background-color: #fff;
}
.board-list .bl-list .bl-subj .fa-lock { /* 비밀글 아이콘 */
  color: #F472B6 !important; /* 핑크 */
}
.board-list .bl-list .bl-subj .bl-comment { /* 댓글 수 */
  color: #FB923C !important; /* 오렌지 */
}

/* 투표 라벨 */
.board-list .bl-list .poll-label {
    background-color: #4F46E5; /* 인디고 */
}
.board-list .bl-list .poll-label.poll-label-image {
    background-color: #EC4899; /* 핑크 */
}
.board-list .bl-list .poll-label.poll-label-video {
    background-color: #8B5CF6; /* 퍼플 */
}

/* 글쓴이 */
.board-list .bl-list .bl-author .bl-name-in {
  color: var(--dark-text-primary);
}
.board-list .bl-list .bl-author .sv_wrap > a {
  color: var(--dark-text-primary);
}

/* 날짜, 조회수 */
.board-list .bl-list .bl-item.text-gray .eyoom-form a {
  color: var(--dark-text-secondary) !important;
}
/* 날짜, 조회수 */
.board-list .bl-list .bl-item .eyoom-form a {
  color: var(--dark-text-secondary) !important;
}

/* 추천, 비추천, 별점 */
.board-list .bl-list .bl-item.text-green { color: #2DD4BF !important; } /* 추천 */
.board-list .bl-list .bl-item.text-pink { color: #F472B6 !important; } /* 비추천 */
.board-list .bl-list .star-ratings-list li .rating { color: var(--dark-border); } /* 별점 비활성 */
.board-list .bl-list .star-ratings-list li .rating-selected { color: #FBBF24 !important; } /* 별점 활성 */

/* 모바일 뷰 */
.board-list .bl-mobile {
  border-bottom-color: var(--dark-border);
  color: var(--dark-text-secondary);
}
.board-list .bl-mobile.bl-notice {
  background-color: rgba(56, 189, 248, 0.08);
}
.board-list .bl-mobile .bl-name-in,
.board-list .bl-mobile .sv_wrap > a {
    color: var(--dark-text-primary);
}

/* 게시물이 없을 때 */
.board-list .bl-no-list {
  color: var(--dark-text-secondary);
  padding: 100px 0; /* 더 강조 */
}

/*
==================================================
  홀덤 커뮤니티 커스텀 디자인 8단계
  - 1:1 문의 목록 (skin/qa/basic/list.skin.html.php)
==================================================
*/

/* QA 목록 전체 컨테이너 */
.qa-list {
  color: var(--dark-text-secondary);
}

/* 상단 정보 (전체 건수, 버튼) */
.qa-list .board-info .text-gray {
  color: var(--dark-text-secondary) !important;
}
.qa-list .board-info .btn-e-dark { /* 관리자 버튼 */
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
}
.qa-list .board-info .btn-e-dark:hover {
    background-color: var(--dark-border);
    color: var(--dark-text-primary);
}
.qa-list .board-info .btn-e-navy { /* 문의등록 버튼 */
    background-color: var(--dark-point-color);
    border-color: var(--dark-point-color);
    color: #fff;
}
.qa-list .board-info .btn-e-navy:hover {
    background-color: var(--dark-point-hover);
    border-color: var(--dark-point-hover);
}

/* 카테고리 탭 (기존 스타일 재활용) */
/* .tab-scroll-category ... */

/* QA 테이블 헤더 */
.qa-list .ql-head {
  background-color: var(--dark-bg-secondary) !important;
  border-top-color: var(--dark-border);
  border-bottom-color: var(--dark-border);
  color: var(--dark-text-primary);
}
.qa-list .ql-head > div:before {
  background-color: var(--dark-border);
}
.qa-list .ql-head .ql-num-checkbox .checkbox i {
    border-color: var(--dark-text-secondary);
}

/* QA 목록 아이템 */
.qa-list .ql-list {
  border-bottom-color: var(--dark-border);
  color: var(--dark-text-secondary);
}
.qa-list .ql-list:hover {
  background-color: rgba(56, 189, 248, 0.05);
}
.qa-list .ql-list > div:before {
  background-color: var(--dark-border);
}

/* 제목 */
.qa-list .ql-list .ql-subj a .subj {
  color: var(--dark-text-primary);
}
.qa-list .ql-list .ql-subj a:hover .subj {
  color: var(--dark-point-hover);
  text-decoration: underline;
}
.qa-list .ql-list .ql-subj .text-gray { /* 카테고리 */
    color: var(--dark-text-secondary) !important;
}
.qa-list .ql-list .ql-subj .fa-save { /* 첨부파일 아이콘 */
  color: #2DD4BF !important; /* Teal */
}

/* 글쓴이 */
.qa-list .ql-list .ql-author .ql-name-in {
  color: var(--dark-text-primary);
}
.qa-list .ql-list .ql-author .sv_wrap > a {
  color: var(--dark-text-primary);
}

/* 상태 (답변완료/대기) */
.qa-list .ql-list .ql-item .text-teal { color: #2DD4BF !important; } /* 답변완료 */
.qa-list .ql-list .ql-item .text-crimson { color: #F472B6 !important; } /* 답변대기 */

/* 날짜 */
.qa-list .ql-list .ql-item.text-gray {
  color: var(--dark-text-secondary);
}

/* 모바일 뷰 */
.qa-list .ql-mobile {
  border-bottom-color: var(--dark-border);
  color: var(--dark-text-secondary);
}
.qa-list .ql-mobile .ql-name-in,
.qa-list .ql-mobile .sv_wrap > a {
    color: var(--dark-text-primary);
}
.qa-list .ql-mobile .text-teal { color: #2DD4BF !important; }
.qa-list .ql-mobile .text-crimson { color: #F472B6 !important; }

/* 게시물이 없을 때 */
.qa-list .ql-no-list {
  color: var(--dark-text-secondary);
  padding: 100px 0;
}

/* 하단 버튼 */
.qa-list .qa-list-footer .btn-e-gray { /* 선택삭제 버튼 */
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-border);
    color: var(--dark-text-secondary);
}
.qa-list .qa-list-footer .btn-e-gray:hover {
    background-color: var(--dark-border);
    color: var(--dark-text-primary);
}
.qa-list .qa-list-footer .btn-e-navy { /* 문의등록 버튼 */
    background-color: var(--dark-point-color);
    border-color: var(--dark-point-color);
    color: #fff;
}
.qa-list .qa-list-footer .btn-e-navy:hover {
    background-color: var(--dark-point-hover);
    border-color: var(--dark-point-hover);
}

/*
==================================================
  #ctt (콘텐츠 영역) 배경 수정
==================================================
*/
#ctt {
  background-color: var(--dark-bg-primary) !important; /* 메인 배경색 강제 적용 */
}