@charset "utf-8";

/* ==========================================================================
   AUTO SPORTS PLUGIN - DARK THEME STYLE (style.dark.css)
   다크 모드 전용 스타일시트입니다.
   ========================================================================== */

/* 다크 모드 전용 색상 변수 재정의 */
:root {
  --sp-bg-body: #121212; /* 기본 배경 */
  --sp-bg-card: #1e1e1e; /* 카드/박스 배경 */
  --sp-bg-sub: #2a2a2a; /* 보조 배경 (헤더 등) */
  --sp-border: #444; /* 테두리 색상 */
  --sp-text-main: #eee; /* 주 텍스트 (밝은색) */
  --sp-text-sub: #aaa; /* 보조 텍스트 (회색) */
  --sp-primary: #2c3e50; /* 포인트 컬러 (유지) */
  --sp-accent: #e74c3c; /* 강조 컬러 (유지) */
  --sp-blue: #3498db; /* 파란색 (유지) */
}

/* ==========================================================================
   게시판 본문 (view.skin.php) 스타일 오버라이드
   ========================================================================== */

/* 1. 본문 컨테이너 텍스트 컬러 강제 지정 */
#bo_v_con .view_content,
.view_content {
  color: var(--sp-text-main) !important;
}

/* 본문 내 제목 태그 */
.view_content h1,
.view_content h2,
.view_content h3,
.view_content h4 {
  color: #fff !important;
  border-bottom-color: var(--sp-border) !important;
}

/* 본문 내 강조 텍스트 */
.view_content strong {
  color: #fff;
  font-weight: 700;
}

/* 2. 상단 경기 정보 박스 (제목 밑) */
.view_content > div[style*="background:#2c3e50"] {
  background: var(--sp-bg-sub) !important;
  border: 1px solid var(--sp-border);
  color: #fff;
}
.view_content > div[style*="background:#2c3e50"] h1 {
  color: #fff !important;
}

/* 3. 배당률 클릭 박스 영역 */
.view_content > div[style*="background:#f8f9fa"] {
  background: var(--sp-bg-card) !important;
  border-color: var(--sp-border) !important;
  color: var(--sp-text-main);
}
.view_content h4[style*="color:#2c3e50"] {
  color: var(--sp-text-main) !important;
}

/* 배당 버튼 개별 스타일 */
.btn-action-bet {
  background: var(--sp-bg-sub) !important;
  border-color: var(--sp-border) !important;
  color: var(--sp-text-main) !important;
}
.btn-action-bet:hover {
  background: var(--sp-border) !important;
  border-color: #666 !important;
}
/* 배당률 텍스트는 색상 유지 */
.btn-action-bet div[style*="color:#e74c3c"] {
  color: #e74c3c !important;
} /* 홈승 */
.btn-action-bet div[style*="color:#2c3e50"] {
  color: #aaa !important;
} /* 무승부 (밝게 처리) */
.btn-action-bet div[style*="color:#3498db"] {
  color: #3498db !important;
} /* 원정승 */

/* 4. AI 데이터 분석표 (테이블) */
.view_content table {
  border-color: var(--sp-border) !important;
  background: var(--sp-bg-card) !important;
  color: var(--sp-text-main) !important;
}
/* 테이블 헤더 */
.view_content table tr[style*="background:#34495e"] {
  background: var(--sp-bg-sub) !important;
  color: #fff !important;
}
.view_content table th {
  border-color: var(--sp-border) !important;
}
/* 테이블 셀 */
.view_content table td {
  border-color: var(--sp-border) !important;
  color: var(--sp-text-main);
}
/* 셀 내부 강조 색상 유지 */
.view_content table td[style*="color:#e74c3c"] {
  color: #e74c3c !important;
}
.view_content table td[style*="color:#3498db"] {
  color: #3498db !important;
}

/* 5. 기타 박스들 (체크포인트, 최종 예측 등) */
/* 흰색 배경 박스 -> 어두운 카드 배경 */
.view_content div[style*="background:#fff"],
.view_content div[style*="background:#fcfcfc"] {
  background: var(--sp-bg-card) !important;
  border-color: var(--sp-border) !important;
  color: var(--sp-text-main);
}
/* 하늘색 배경 박스 -> 약간 어두운 파란 배경 */
.view_content div[style*="background:#eef7fd"] {
  background: #1a2634 !important; /* 아주 어두운 파랑 */
  border-color: #2c3e50 !important;
  color: var(--sp-text-main);
}
.view_content div[style*="background:#eef7fd"] h3 {
  color: #fff !important;
}

/* ==========================================================================
   [2026-01-15 수정] 게시판 상세페이지 가독성 개선 패치
   ========================================================================== */

/* 1. 상단 제목 및 분류 */
#bo_v_title {
  color: #fff !important;
}
#bo_v header .text-muted {
  color: #aaa !important;
}

/* 2. 작성자 정보/날짜 박스 (bg-light 제거 및 텍스트 밝게) */
#bo_v_info .bg-light {
  background-color: var(--sp-bg-sub) !important;
  border-color: var(--sp-border) !important;
}
#bo_v_info .text-muted {
  color: #ccc !important;
}
#bo_v_info li {
  color: #ddd !important;
}
#bo_v_info a {
  color: #fff !important;
}

/* 3. 상단/하단 관리 버튼 (목록, 수정, 삭제 등) */
#bo_v_btn a.btn_b01,
#bo_v_btn button.btn_b01 {
  background: var(--sp-bg-sub) !important;
  color: #fff !important;
  border: 1px solid var(--sp-border) !important;
}
#bo_v_btn a.btn_b01:hover,
#bo_v_btn button.btn_b01:hover {
  background: #444 !important;
}

/* 4. 댓글 영역 가독성 */
#bo_vc h2 {
  color: #fff !important;
} /* 댓글 갯수 제목 */
.cmt-content {
  color: #eee !important;
} /* 댓글 내용 */
.cmt-btn a {
  color: #bbb !important;
} /* 댓글 수정/삭제/답글 버튼 */

/* 작성자 본인 댓글 강조색 (기존 핑크색 -> 어두운 붉은색으로 변경) */
.by-writer {
  background: #3a2222 !important; /* 어두운 붉은톤 배경 */
  border-top: 1px solid #5a3333 !important;
}

/* 5. 하단 버튼 그룹 (목록, 관리, 쓰기 등) 텍스트 */
#bo_v_btn_group .btn-basic {
  color: #fff !important;
  background: var(--sp-bg-sub);
  border: 1px solid var(--sp-border);
}

/* 6. AI 댓글 관리 툴바 (어둡게 처리) */
.admin-ai-toolbar {
  background-color: var(--sp-bg-sub) !important;
  border-color: var(--sp-border) !important;
  color: #fff !important;
}
.admin-ai-toolbar select {
  background-color: var(--sp-bg-card) !important;
  color: #fff !important;
  border-color: #555 !important;
}