@charset "utf-8";
/* 정체불명(gallery) 게시판 전용 — 전체화면 고정 배경 영상
   theme/blog/head.php에서 bo_table='gallery'일 때만 조건부 로드 (2026-07-28) */

.fal-mystery-fullbg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
.fal-mystery-fullbg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(60%) brightness(0.35) contrast(1.1);
}
.fal-mystery-fullbg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

/* body/main.container-fluid 전역 불투명 배경(blog_style.css:1093, !important)을
   무력화 — body.fal-mystery-mode 스코프 안에서만 적용되어 다른 게시판엔 영향 없음.
   사이드바(.login-box/.widget-box/.ol-card-box)는 이 규칙과 무관하게 각자
   독립된 불투명 배경을 갖고 있어서 그대로 카드처럼 유지된다 (2026-07-28) */
body.fal-mystery-mode,
body.fal-mystery-mode main.container-fluid {
  background: transparent !important;
}

/* ============================================================
   상세보기(view.skin.php) / 글쓰기(write.skin.php) 텍스트 가독성
   list.skin.php의 .fal-mystery-board와 같은 색상 토큰을 body 레벨에서
   재선언 — view/write 콘텐츠는 .fal-mystery-board 밖에 있어서 그 변수를
   상속받지 못하므로 여기서 다시 선언한다 (2026-07-28)
   ============================================================ */
body.fal-mystery-mode {
  --fal-mystery-text: #F0F0F0;
  --fal-mystery-text-sub: #B8BCC2;
}

/* 상세보기 — 제목/작성자명(및 이전글다음글)/메타정보/버튼 라벨
   전부 텍스트가 짧아 색상 교정만으로 충분 */
body.fal-mystery-mode main.container-fluid h3.fs-4.fw-bold,
body.fal-mystery-mode main.container-fluid .link-body-emphasis,
body.fal-mystery-mode main.container-fluid .text-muted,
body.fal-mystery-mode main.container-fluid .btn-outline-secondary {
  color: var(--fal-mystery-text) !important;
}

/* 상세보기 본문 — 글이 길어질 수 있어 색상만으로는 부족, list의
   fal-mystery-row와 동일하게 반투명 어두운 배경도 같이 입힌다 */
body.fal-mystery-mode #bo_v_con {
  color: var(--fal-mystery-text) !important;
  background: rgba(0,0,0,0.5);
  padding: var(--fal-sp-3);
  border-radius: var(--fal-radius-sm);
}

/* 글쓰기 폼 — 라벨/placeholder만 밝게. input/textarea/에디터 자체는
   이미 불투명 배경이 있어 손대지 않는다 */
body.fal-mystery-mode .col-form-label {
  color: var(--fal-mystery-text) !important;
}
body.fal-mystery-mode .form-control::placeholder {
  color: var(--fal-mystery-text-sub) !important;
  opacity: 1;
}
body.fal-mystery-mode .btn-outline-secondary {
  color: var(--fal-mystery-text) !important;
}

/* 게시판 제목(board_title.php, .half-highlight) — 밑줄은 이미 고정 블루라
   문제없고, 글자색만 상속된 어두운 기본색이라 별도 지정 필요 (2026-07-28) */
body.fal-mystery-mode .half-highlight {
  color: var(--fal-mystery-text) !important;
}

/* 목록 하단 "목록" 버튼(list.skin.php의 .btn-list) — 투명 배경 +
   var(--bs-emphasis-color) !important 조합이라 라이트모드에서 완전히
   안 보이던 문제. .btn-write(불투명 블루)/.btn-admin(고정 밝은회색)은
   이미 문제없어 손대지 않는다 */
body.fal-mystery-mode .btn-list {
  color: var(--fal-mystery-text) !important;
  border-color: var(--fal-mystery-text-sub) !important;
}