/* 달손 다크 테마 — 계보 CSS(밝은 톤 수천 줄)를 고치지 않고 **맨 마지막에 덮는다**.
 * 계보를 직접 칠하면 다른 사이트로 복제할 때 되돌릴 수가 없다.
 * 관리자(/adm)에는 이 파일을 안 붙인다(head.sub.php 에서 제외).
 * 색 토큰 — 배경 #12161f / 카드 #1a1f2b / 선 #2a3243 / 글 #e7ebf2 / 흐린글 #8b95a9 / **포인트 오렌지 #ff8a3d**
 *   (사용자 취향: "다크, 오렌지 가장 좋아해" 2026-09-05) */
:root{
  --dk-bg:#12161f; --dk-card:#1a1f2b; --dk-card2:#212736; --dk-line:#2a3243;
  --dk-tx:#e7ebf2; --dk-mut:#8b95a9; --dk-acc:#ff8a3d; --dk-brand:#ff7a1f;
}
html,body{background:var(--dk-bg) !important;color:var(--dk-tx) !important}
body *{scrollbar-color:#39425a var(--dk-bg)}

/* ── 공통 면(面) ───────────────────────────────── */
.container,.wrapper,section,main,#wrapper,#container{background:transparent !important}
.navbar{background:var(--dk-card) !important;color:var(--dk-tx) !important;
  box-shadow:0 1px 0 var(--dk-line),0 8px 24px rgba(0,0,0,.35) !important}
.navbar a,.navbar .nav-link{color:var(--dk-tx) !important}
.navbar .nav-link:hover{color:var(--dk-acc) !important}
#MENU_BTN .navbar-toggler-bar{background:var(--dk-tx) !important}
.navbar-mobile{background:var(--dk-card) !important;border-top:1px solid var(--dk-line) !important;
  box-shadow:0 -6px 20px rgba(0,0,0,.4) !important}
.navbar-mobile > div a{color:var(--dk-mut) !important}
.navbar-mobile > div.page-near a{background:var(--dk-brand) !important;border-color:#33415f !important;color:#fff !important}
.navbar-mobile-pages,.navbar-mobile-pages dl,.navbar-mobile-pages dd{background:var(--dk-bg) !important;color:var(--dk-tx) !important}
.navbar-mobile-pages a,.navbar-mobile-pages li{color:var(--dk-tx) !important}
.navbar-mobile-pages dt{background:var(--dk-card) !important;border-bottom:1px solid var(--dk-line) !important}

/* ★모바일 상단 흰 띠 — .navbar 만 덮고 그 안의 컨테이너·검색줄을 놓쳤다 */
.navbar > .container,#navbarResponsive,.navbar-collapse{background:transparent !important}
.mobile-search{background:var(--dk-card) !important}
.mobile-search > div{background:var(--dk-card2) !important;color:var(--dk-mut) !important;
  border:1px solid var(--dk-line) !important}
.mobile-search i{color:var(--dk-acc) !important}
.navbar-brand,.navbar-brand a{background:transparent !important}

/* 검색바 */
.topSearch .topSearchWrap{background:var(--dk-card) !important;border-color:var(--dk-line) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.35) !important}
.topSearch .topSearchWrap dl{border-color:var(--dk-line) !important}
.topSearch .topSearchWrap dl dt,.topSearch .topSearchWrap dl dt:hover{background:transparent !important;color:var(--dk-tx) !important}
.topSearch .topSearchWrap dl dd{background:var(--dk-card2) !important;color:var(--dk-tx) !important;
  box-shadow:0 20px 30px rgba(0,0,0,.5) !important}
.topSearch .topSearchWrap dl dd:before{border-bottom-color:var(--dk-card2) !important}
.topSearch .topSearchWrap dl dd a,.topSearch .topSearchWrap dl dd li{color:var(--dk-tx) !important}
.topSearch .topSearchWrap dl dd ul li a{background:var(--dk-card) !important;border-color:var(--dk-line) !important;color:var(--dk-tx) !important}
.topSearch .topSearchWrap button.search_button i{background:var(--dk-acc) !important;color:#10151f !important}

/* ── 달손 컴포넌트 ─────────────────────────────── */
.dl-cats em{color:var(--dk-tx) !important}
.dl-cats a:hover em{color:var(--dk-acc) !important}
.dl-head h2{color:var(--dk-tx) !important}
.dl-sub{color:var(--dk-mut) !important}
.dl-more{color:var(--dk-mut) !important}
.dl-more:hover{color:var(--dk-acc) !important}
.dl-card{color:var(--dk-tx) !important}
.dl-thumb{background:var(--dk-card2) !important}
.dl-place{color:var(--dk-mut) !important}
.dl-name{color:var(--dk-tx) !important}
.dl-price b{color:#fff !important}
.dl-price em{color:var(--dk-acc) !important}
.dl-meta{color:var(--dk-mut) !important}
.dl-sep{color:#465064 !important}
.al-box{background:var(--dk-card) !important;border-color:var(--dk-line) !important}
.al-box h3{color:var(--dk-acc) !important}
.al-chip{background:var(--dk-card2) !important;border-color:var(--dk-line) !important;color:#c3cbdb !important}
.al-chip:hover{border-color:var(--dk-acc) !important;color:var(--dk-acc) !important}
.al-chip.is-on{background:var(--dk-acc) !important;border-color:var(--dk-acc) !important;color:#10151f !important}
.al-faq dt{color:var(--dk-acc) !important}
.al-faq dd{color:#b9c2d2 !important}

/* ── 게시판·상세·표 등 계보 화면 ───────────────── */
.shop,.card,.panel,.box,.tbl_head01,.tbl_head03,.tbl_wrap,.board_list,
.near_footer,.section_title,#bo_v,#bo_list,#bo_w,#bo_gall{background:var(--dk-card) !important;color:var(--dk-tx) !important}
table th{background:var(--dk-card2) !important;color:var(--dk-tx) !important;border-color:var(--dk-line) !important}
table td{background:var(--dk-card) !important;color:var(--dk-tx) !important;border-color:var(--dk-line) !important}
hr,.divide80{border-color:var(--dk-line) !important}
h1,h2,h3,h4,h5,h6,p,li,span,dt,dd,label,td,th,div{border-color:var(--dk-line)}
a{color:inherit}
input,textarea,select,.frm_input{background:var(--dk-card2) !important;color:var(--dk-tx) !important;
  border-color:var(--dk-line) !important}
input::placeholder,textarea::placeholder{color:#6b7488 !important}
.btn,.btn_b01,.btn_b02,.btn_admin,button{border-color:var(--dk-line)}

/* 푸터 */
footer,#ft,.footer,.footerLeft,.footerSNS{background:var(--dk-card) !important;color:var(--dk-mut) !important}
footer a,#ft a{color:#b9c2d2 !important}

/* 상단 게시판 배너 — 밝은 사진 위 흰 글씨라 어둡게 덮는다 */
.top_banner,.board_top_banner{position:relative}
.top_banner:after,.board_top_banner:after{content:"";position:absolute;inset:0;background:rgba(10,14,22,.55);pointer-events:none}

/* 모바일 오버레이 카드는 원래 어두워 그대로 둔다 */

/* ── 오렌지 포인트 ─────────────────────────────── */
.dl-badge{background:rgba(255,138,61,.92) !important;color:#16110b !important}
.navbar-mobile > div.page-near a{background:var(--dk-brand) !important;border-color:#5a3212 !important}
.navbar-mobile > div a.on,.navbar-mobile > div.active a{color:var(--dk-acc) !important}
.lm-cta{background:linear-gradient(135deg,#ff7a1f,#ff9f4d) !important;
  box-shadow:0 8px 22px rgba(255,122,31,.28) !important;color:#17100a !important}
.lm-cta-badge{background:rgba(0,0,0,.18) !important}
.btn_b01,.btn_b02,.btn_submit,button[type=submit],.search_button{background:var(--dk-brand) !important;
  border-color:var(--dk-brand) !important;color:#17100a !important}
.dl-cats a:hover .dl-cat-ic{filter:drop-shadow(0 4px 10px rgba(255,138,61,.35))}
::selection{background:rgba(255,138,61,.35)}
/* 로고 — 다크에선 항상 흰 버전 */
.navbar-brand img.white{display:block !important}
.navbar-brand img.red,.navbar-brand img.ko{display:none !important}

/* ── 특이도 경합으로 밝게 되돌아오던 것들 ─────────── */
/* ★.scrollTop .navbar 가 .navbar 보다 구체적이라 스크롤하면 헤더가 다시 흰색이 됐다 */
.scrollTop .navbar,body.scrollTop .navbar{background:var(--dk-card) !important;color:var(--dk-tx) !important}
.scrollTop .navbar a,.scrollTop .navbar .nav-link{color:var(--dk-tx) !important}
.navbar-toggler-bar,#MENU_BTN .navbar-toggler-bar{background:var(--dk-tx) !important}
/* 로드샵/홈타이 토글 버튼(계보 보라 #ff8a3d) */
.theme_type > .container .theme_type_change button{background:var(--dk-card2) !important;
  color:var(--dk-tx) !important;box-shadow:0 0 16px rgba(0,0,0,.35) !important}
.theme_type > .container .theme_type_change button .now,
.theme_type > .container .theme_type_change button.homethai .now{background:var(--dk-card2) !important;color:var(--dk-acc) !important}
#navbar_qmenu ul.items li a.qa{background:var(--dk-brand) !important;color:#17100a !important}
/* 게시판 상단 배너 텍스트 */
.top_banner *,.board_top_banner *{position:relative;z-index:1}
/* 페이징 */
.pg_wrap,.pg,.pg_page,.pg_current{background:transparent !important;color:var(--dk-tx) !important}
.pg_current{background:var(--dk-brand) !important;color:#17100a !important;border-color:var(--dk-brand) !important}
.pg_page{border-color:var(--dk-line) !important}

/* ── 업소 상세 본문 가독성 ─────────────────────────
   계보 본문 글자색이 어두운 회색이라 다크 배경에서 거의 안 읽혔다. */
#bo_v,#bo_v_atc,#bo_v_con,.view_content,.near_view,.shop_view,.board_view{color:#dbe1ec !important}
#bo_v_con,#bo_v_con *,.view_content,.view_content *{color:#d3dae6 !important}
#bo_v_title,#bo_v_title *,.view_title,.section_title,.section_title *{color:#fff !important}
#bo_v_info,#bo_v_info *,.view_info,.view_info *{color:var(--dk-mut) !important}
h1,h2,h3,h4,h5{color:#f0f3f8 !important}
.tags,.tags *,.themes,.address{color:var(--dk-mut) !important}
.price,.price *{color:#fff !important}
.price .sale,.price .sale *{color:var(--dk-acc) !important}
dl dt{color:#fff !important}
dl dd,dl dd *{color:#cdd5e2 !important}
/* 푸터 계보 색(보라 #ff8a3d · 회색 #c1bdbd) */
.footerNew{background:var(--dk-card) !important}
.footerWrap,.footerWrap *{color:#a8b1c2 !important}
.footerWrap .footerLeft .contactArea div.number{color:var(--dk-acc) !important}
.footer_menu_line{background:var(--dk-card2) !important;border-color:var(--dk-line) !important}
.footer_menu_line a{color:#b9c2d2 !important}

/* 페이지 제목(H1) — 계보엔 출력부 자체가 없어 새로 만든 블록 */
.dl-ph{max-width:1520px;margin:18px auto 4px;padding:0 16px}
.dl-ph h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px;color:#f2f5fa !important}
.dl-ph p{margin:6px 0 0;font-size:14px;color:var(--dk-mut) !important}
@media (max-width:767px){.dl-ph{margin:12px auto 2px;padding:0 12px}
  .dl-ph h1{font-size:19px}.dl-ph p{font-size:12.5px}}

/* ── 업소 상세(near view.skin) 실제 클래스 기준 ───────
   앞서 넣은 #bo_v_con 계열은 이 스킨에 없는 선택자였다 — 화면에서 확인해 다시 잡았다. */
.detail_title .title,.detail_program .title,.detail_title{color:#f2f5fa !important}
.detail_title{border-bottom-color:var(--dk-line) !important}
.detail_title .title{border-bottom:3px solid var(--dk-acc) !important;padding-bottom:8px !important;display:inline-block}
#price,#price *,.title_desc,.title_desc *{color:#cfd7e4 !important}
.title_desc pre{color:#cfd7e4 !important;background:transparent !important;font-family:inherit !important}
ul.event > li.title,.event .title{color:var(--dk-acc) !important;font-weight:700 !important}
.event_box{background:var(--dk-card2) !important;border-color:var(--dk-line) !important}
.event_box .label{color:var(--dk-mut) !important}
.event_box .btn_event{color:#e7ebf2 !important}
.course,.course *,.program,.program *{color:#dbe1ec !important}
.saleprice,.saleprice *{color:#fff !important}
.top_line{border-color:var(--dk-line) !important;background:var(--dk-line) !important}
.desc{color:#c4cddb !important}
/* 하단 전화 바 — 계보 흰 배경 + 겨자색으로 떠 있었다 */
.near_footer{background:var(--dk-card) !important;border-color:var(--dk-line) !important;
  box-shadow:0 -6px 18px rgba(0,0,0,.45) !important}
.near_footer .contact a{background:linear-gradient(135deg,#ff7a1f,#ff9f4d) !important;
  color:#17100a !important;font-weight:800 !important;border-radius:12px !important;margin:6px 10px !important;
  width:calc(100% - 20px) !important;display:flex !important;align-items:center;justify-content:center;gap:8px}
.near_footer .contact a i{color:#17100a !important}
