@charset "utf-8";

/* ============================================================
   VPNLink Site Dark Mode  [data-site-theme="dark"]
   ============================================================ */

html[data-site-theme="light"] {
    color-scheme: light;
}

[data-site-theme="dark"] {
    color-scheme: dark;
}

/* ── Base ── */
[data-site-theme="dark"] body {
    background-color: #1a1b1e !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] a {
    color: #c4cbd8;
}
[data-site-theme="dark"] a:hover,
[data-site-theme="dark"] a:focus,
[data-site-theme="dark"] a:active {
    color: #90afd4;
}
[data-site-theme="dark"] hr {
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] blockquote {
    border-left-color: #3a3a42;
    color: #a1a1aa;
}
[data-site-theme="dark"] code,
[data-site-theme="dark"] pre {
    background-color: #252528;
    color: #d4d4d8;
    border-color: #3a3a42;
}

/* ── Layout wrapper ── */
[data-site-theme="dark"] .wrapper {
    background: #1a1b1e;
}

/* ── LNB (상단 바) ── */
[data-site-theme="dark"] .at-lnb {
    background: #16161a;
    border-bottom-color: #2e2e36;
}
[data-site-theme="dark"] .at-lnb ul > li > a {
    color: #9ca3af;
}
[data-site-theme="dark"] .at-lnb ul > li > a:hover {
    color: #e4e4e7;
}

/* 로고 교체는 head.php 인라인 JS(MutationObserver)로 처리 */
[data-site-theme="dark"] .at-lnb .blue {
    color: #60a5fa !important;
}
[data-site-theme="dark"] .at-lnb b.blue {
    background: #1d4ed8;
}
[data-site-theme="dark"] .at-lnb b.orangered {
    background: #374e72;
}

/* 포인트 액션 영역 */
[data-site-theme="dark"] .at-lnb .lnb-point-actions {
    background: #1e1e24;
    border-color: #3a3a44;
}
[data-site-theme="dark"] .at-lnb .lnb-point-actions > a {
    color: #9ca3af !important;
    border-right-color: #3a3a44;
}
[data-site-theme="dark"] .at-lnb .lnb-point-actions > a:hover {
    background: #2a2a32;
    color: #e4e4e7 !important;
}

/* 로그아웃 모달 */
[data-site-theme="dark"] .lnb-logout-modal .lnb-logout-backdrop {
    background: rgba(0, 0, 0, 0.65);
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-logout-dialog {
    background: #252528;
    border-color: #3a3a42;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6);
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-logout-head {
    border-bottom-color: #3a3a42;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-logout-head strong {
    color: #e4e4e7;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-logout-body {
    color: #c4c4cc;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-logout-body span {
    color: #71717a;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-logout-foot {
    background: #1e1e24;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-btn-cancel {
    background: #2c2c32;
    color: #a1a1aa;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-btn-cancel:hover {
    background: #363640;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-btn-confirm {
    background: #3f65a8;
    border-color: #3f65a8;
    color: #fff;
}
[data-site-theme="dark"] .lnb-logout-modal .lnb-btn-confirm:hover {
    background: #4d74ba;
    border-color: #4d74ba;
}

/* ── PC 메뉴 (이미 어두운 배경이나 서브메뉴 조정) ── */
[data-site-theme="dark"] .pc-menu .nav-top .sub-1div {
    background: #252528;
    border-top-color: #3f65a8;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-1div::before {
    border-color: #3f65a8 transparent;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-1da {
    color: #c4c4cc;
    border-bottom-color: #3a3a42;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-1dli.on .sub-1da,
[data-site-theme="dark"] .pc-menu .nav-top .sub-1dli:hover .sub-1da {
    color: #fff;
    background: #3f65a8;
    border-color: #3f65a8;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-1line {
    color: #9ca3af;
    background: #1e1e24;
    border-bottom-color: #3a3a42;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-2div {
    background: #252528;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.55);
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-2da {
    color: #c4c4cc;
    border-bottom-color: #3a3a42;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-2dli.on .sub-2da,
[data-site-theme="dark"] .pc-menu .nav-top .sub-2dli:hover .sub-2da {
    color: #fff;
    background: #3f65a8;
    border-color: #3f65a8;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-2line {
    color: #9ca3af;
    background: #1a1b1e;
    border-bottom-color: #3a3a42;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-quick-wrap {
    background: #1e1e24;
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-quick-parent {
    background: #1a2a4a;
    color: #90afd4;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-quick-link {
    background: #252528;
    border-color: #3a3a42;
    color: #c4c4cc;
}
[data-site-theme="dark"] .pc-menu .nav-top .sub-quick-link:hover,
[data-site-theme="dark"] .pc-menu .nav-top .sub-quick-link.is-on {
    background: #3f65a8;
    border-color: #3f65a8;
    color: #fff;
}

/* ── 전체메뉴 ── */
[data-site-theme="dark"] .pc-menu-all {
    background: #1e1e24;
    box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}
[data-site-theme="dark"] .pc-menu-all .table td {
    background: #252528;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .pc-menu-all .menu-a {
    color: #c4c4cc;
    background: #1e1e24;
    border-bottom-color: #3a3a42;
}
[data-site-theme="dark"] .pc-menu-all .table td.on .menu-a {
    color: #90afd4;
}
[data-site-theme="dark"] .pc-menu-all .sub-1dli .sub-1da {
    color: #a1a1aa;
}
[data-site-theme="dark"] .pc-menu-all .sub-1dli.on .sub-1da,
[data-site-theme="dark"] .pc-menu-all .sub-1dli:hover .sub-1da {
    color: #90afd4;
}
[data-site-theme="dark"] .pc-menu-all .sub-1line {
    color: #9ca3af;
    background: #1a1b1e;
}

/* ── 모바일 메뉴 ── */
[data-site-theme="dark"] .m-menu {
    background: #252528;
    box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.5);
}
[data-site-theme="dark"] .m-menu .m-icon,
[data-site-theme="dark"] .m-menu .m-list {
    border-color: #3a3a42;
}
[data-site-theme="dark"] .m-menu a {
    color: #c4c4cc;
}
[data-site-theme="dark"] .m-menu .m-sub {
    background: #1e1e24;
    border-top-color: #3a3a42;
}

/* ── 페이지 타이틀 ── */
[data-site-theme="dark"] .at-title {
    background-color: #1e1e24;
    border-bottom-color: #3a3a42;
    color: #e4e4e7;
}

/* ── 푸터 ── */
[data-site-theme="dark"] .at-footer .at-links {
    background: #1e1e24;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .at-footer .at-links ul > li > a {
    color: #71717a;
}
[data-site-theme="dark"] .at-footer .at-links ul > li::after {
    color: #3a3a42;
}
[data-site-theme="dark"] .at-footer .at-infos {
    background: #16161a;
}
[data-site-theme="dark"] .at-footer .at-about > li {
    color: #71717a;
}
[data-site-theme="dark"] .at-footer .at-about > li > a {
    color: #71717a;
}
[data-site-theme="dark"] .at-footer .copyright {
    color: #71717a;
}
[data-site-theme="dark"] .at-footer .copyright strong {
    color: #a1a1aa;
}
[data-site-theme="dark"] .at-footer .at-copyright {
    color: #71717a;
}
[data-site-theme="dark"] .at-footer .at-copyright strong {
    color: #a1a1aa;
}
[data-site-theme="dark"] .at-footer .at-help > li::after {
    color: #3a3a42;
}
[data-site-theme="dark"] .at-footer .at-help > li > a {
    color: #71717a;
}

/* ── 상단/하단 이동 버튼 ── */
[data-site-theme="dark"] .at-go .go-btn span {
    background: rgba(255, 255, 255, 0.15);
}

/* ── 폼 요소 ── */
[data-site-theme="dark"] input[type="text"],
[data-site-theme="dark"] input[type="password"],
[data-site-theme="dark"] input[type="email"],
[data-site-theme="dark"] input[type="number"],
[data-site-theme="dark"] input[type="search"],
[data-site-theme="dark"] input[type="url"],
[data-site-theme="dark"] input[type="tel"],
[data-site-theme="dark"] textarea,
[data-site-theme="dark"] select,
[data-site-theme="dark"] .form-control {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] input::placeholder,
[data-site-theme="dark"] textarea::placeholder {
    color: #71717a !important;
    opacity: 1;
}
[data-site-theme="dark"] input:focus,
[data-site-theme="dark"] textarea:focus,
[data-site-theme="dark"] select:focus,
[data-site-theme="dark"] .form-control:focus {
    border-color: #3f65a8 !important;
    box-shadow: 0 0 0 2px rgba(63, 101, 168, 0.25) !important;
    outline: none;
}

/* ── 패널 ── */
[data-site-theme="dark"] .panel {
    background-color: #252528;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .panel-heading {
    background-color: #1e1e24 !important;
    border-color: #3a3a42 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .panel-body {
    color: #c4c4cc;
}
[data-site-theme="dark"] .panel-footer {
    background-color: #1e1e24;
    border-top-color: #3a3a42;
    color: #a1a1aa;
}

/* ── 테이블 ── */
[data-site-theme="dark"] .table {
    color: #c4c4cc;
}
[data-site-theme="dark"] .table > thead > tr > th {
    background-color: #1e1e24;
    color: #9ca3af;
    border-bottom-color: #3a3a42;
    border-top-color: #3a3a42;
}
[data-site-theme="dark"] .table > tbody > tr > td,
[data-site-theme="dark"] .table > tbody > tr > th,
[data-site-theme="dark"] .table > tfoot > tr > td,
[data-site-theme="dark"] .table > tfoot > tr > th {
    border-top-color: #3a3a42;
    color: #c4c4cc;
}
[data-site-theme="dark"] .table > tbody > tr.active > td,
[data-site-theme="dark"] .table > tbody > tr.active > th,
[data-site-theme="dark"] .table > tfoot > tr.active > td,
[data-site-theme="dark"] .table > tfoot > tr.active > th {
    background-color: #2a2a32;
    color: #c4c4cc;
}
[data-site-theme="dark"] .table-bordered,
[data-site-theme="dark"] .table-bordered > thead > tr > th,
[data-site-theme="dark"] .table-bordered > tbody > tr > td {
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #1e1e24;
}
[data-site-theme="dark"] .table-hover > tbody > tr:hover {
    background-color: #2a2a32;
}

/* ── 그누보드 게시판 ── */
[data-site-theme="dark"] .bo_list {
    color: #c4c4cc;
}
[data-site-theme="dark"] .bo_list th,
[data-site-theme="dark"] #bo_list th {
    background: #1e1e24 !important;
    color: #9ca3af !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .bo_list td,
[data-site-theme="dark"] #bo_list td {
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .bo_list .bo_subject a,
[data-site-theme="dark"] #bo_list .bo_subject a {
    color: #c4c4cc;
}
[data-site-theme="dark"] .bo_list .bo_subject a:hover,
[data-site-theme="dark"] #bo_list .bo_subject a:hover {
    color: #90afd4;
}
[data-site-theme="dark"] .bo_list_wrap {
    border-color: #3a3a42;
}
[data-site-theme="dark"] .local_navi {
    background-color: #1e1e24;
    border-color: #3a3a42;
    color: #a1a1aa;
}

/* 게시글 보기 */
[data-site-theme="dark"] #bo_v_title {
    color: #e4e4e7;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .bo_v_info,
[data-site-theme="dark"] .bo_v_info span {
    color: #71717a;
}
[data-site-theme="dark"] .bo_v_wrap {
    color: #c4c4cc;
}
[data-site-theme="dark"] .bo_v_con {
    color: #c4c4cc;
    border-color: #3a3a42;
}

/* ── 쇼핑몰 ── */
[data-site-theme="dark"] .it_cfs {
    background: #252528;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .it_name a {
    color: #c4c4cc;
}
[data-site-theme="dark"] .it_name a:hover {
    color: #90afd4;
}
[data-site-theme="dark"] .it_price,
[data-site-theme="dark"] .it_sum {
    color: #e4e4e7;
}
[data-site-theme="dark"] .sit_wrap {
    background: #252528;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .it_ct_wrap {
    background: #1e1e24;
}
[data-site-theme="dark"] .cart_wrap {
    background: #252528;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .order_wrap {
    background: #1a1b1e;
    color: #c4c4cc;
}

/* ── 알림 (Alert) ── */
[data-site-theme="dark"] .alert-info {
    background-color: #1e3a4a !important;
    border-color: #2a5a6e !important;
    color: #93c5fd !important;
}
[data-site-theme="dark"] .alert-success {
    background-color: #1a2e1e !important;
    border-color: #2a4a30 !important;
    color: #86efac !important;
}
[data-site-theme="dark"] .alert-warning {
    background-color: #2e2a1a !important;
    border-color: #4a4020 !important;
    color: #fcd34d !important;
}
[data-site-theme="dark"] .alert-danger {
    background-color: #2e1a1a !important;
    border-color: #4a2a2a !important;
    color: #fca5a5 !important;
}

/* ── 페이지네이션 ── */
[data-site-theme="dark"] .pagination > li > a,
[data-site-theme="dark"] .pagination > li > span {
    background-color: #252528;
    border-color: #3a3a42;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] .pagination > li > a:hover,
[data-site-theme="dark"] .pagination > li > span:hover {
    background-color: #2c2c32;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .pagination > .active > a,
[data-site-theme="dark"] .pagination > .active > span {
    background-color: #3f65a8 !important;
    border-color: #3f65a8 !important;
    color: #fff !important;
}
[data-site-theme="dark"] .pagination > .disabled > a,
[data-site-theme="dark"] .pagination > .disabled > span {
    background-color: #1e1e24;
    border-color: #3a3a42;
    color: #52525b !important;
}

/* ── 모달 ── */
[data-site-theme="dark"] .modal-content {
    background-color: #252528;
    border-color: #3a3a42;
    color: #e4e4e7;
}
[data-site-theme="dark"] .modal-header {
    border-bottom-color: #3a3a42;
}
[data-site-theme="dark"] .modal-footer {
    border-top-color: #3a3a42;
    background-color: #1e1e24;
}
[data-site-theme="dark"] .modal-title {
    color: #e4e4e7;
}
[data-site-theme="dark"] .modal-backdrop {
    background-color: #000;
}

/* ── 버튼 ── */
[data-site-theme="dark"] .btn-default {
    background-image: none !important;
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .btn-default:hover,
[data-site-theme="dark"] .btn-default:focus {
    background-image: none !important;
    background-color: #363640 !important;
    border-color: #5a5a62 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .btn-lightgray {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #a1a1aa !important;
}

/* ── List Group ── */
[data-site-theme="dark"] .list-group-item {
    background-color: #252528;
    border-color: #3a3a42;
    color: #c4c4cc;
}
[data-site-theme="dark"] a.list-group-item:hover,
[data-site-theme="dark"] button.list-group-item:hover {
    background-color: #2c2c32;
    color: #e4e4e7;
}
[data-site-theme="dark"] .list-group-item.active,
[data-site-theme="dark"] .list-group-item.active:hover {
    background-color: #3f65a8;
    border-color: #3f65a8;
    color: #fff;
}

/* ── 주문내역 탭 버튼 (CSS custom props for PHP inline styles) ── */
[data-site-theme="dark"] {
    --tab-active-bg: #3f65a8;
    --tab-active-fg: #fff;
    --tab-active-bd: #2f4b7f;
    --tab-inactive-bg: #252528;
    --tab-inactive-fg: #c4c4cc;
    --tab-inactive-bd: #4a4a52;
}

/* ── Well ── */
[data-site-theme="dark"] .well {
    background-color: #1e1e24;
    border-color: #3a3a42;
    color: #c4c4cc;
}

/* ── bg-white 오버라이드 ── */
[data-site-theme="dark"] .bg-white {
    background-color: #252528 !important;
    color: #c4c4cc !important;
}

/* ── Bootstrap .table td/th 강제 흰색 오버라이드 ── */
[data-site-theme="dark"] .table.bg-white td,
[data-site-theme="dark"] .table.bg-white th,
[data-site-theme="dark"] .bsk-tbl td,
[data-site-theme="dark"] .bsk-tbl th {
    background-color: #252528 !important;
    color: #c4c4cc !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .btn.btn-gray {
    background-color: #2a2a32 !important;
    background-image: none !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .btn.btn-gray:hover,
[data-site-theme="dark"] .btn.btn-gray:focus,
[data-site-theme="dark"] .btn.btn-gray:active,
[data-site-theme="dark"] .btn.active.btn-gray {
    background-color: #363640 !important;
    background-image: none !important;
    border-color: #5a5a68 !important;
    color: #e4e4e7 !important;
}
/* ── div-table / tr-head / list-head (주문내역·리스트 공통 헤더 행) ── */
[data-site-theme="dark"] .list-head,
[data-site-theme="dark"] .tr-head {
    background: #1e1e24 !important;
    background-image: none !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .list-head > th,
[data-site-theme="dark"] .tr-head > th {
    background: #1e1e24 !important;
    background-image: none !important;
    color: #9ca3af !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .list-head > th > span,
[data-site-theme="dark"] .tr-head > th > span {
    border-right-color: #3a3a42 !important;
    color: #9ca3af !important;
}
[data-site-theme="dark"] .border-black {
    border-top-color: #3f65a8 !important;
}

/* ── Progress ── */
[data-site-theme="dark"] .progress {
    background-color: #2c2c32;
}

/* ── 드롭다운 ── */
[data-site-theme="dark"] .dropdown-menu {
    background-color: #252528;
    border-color: #3a3a42;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}
[data-site-theme="dark"] .dropdown-menu > li > a {
    color: #c4c4cc;
}
[data-site-theme="dark"] .dropdown-menu > li > a:hover,
[data-site-theme="dark"] .dropdown-menu > li > a:focus {
    background-color: #2c2c32;
    color: #e4e4e7;
}
[data-site-theme="dark"] .dropdown-menu .divider {
    background-color: #3a3a42;
}

/* ── Sidebar (위젯) ── */
[data-site-theme="dark"] .apms-sidebar {
    background: #252528;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .at-side {
    color: #c4c4cc;
}

/* ── 글쓰기/보기 ── */
[data-site-theme="dark"] .bo_w_title input {
    background-color: #2c2c32 !important;
    color: #e4e4e7 !important;
    border-color: #4a4a52 !important;
}
[data-site-theme="dark"] .write_div {
    background-color: #2c2c32 !important;
    color: #e4e4e7 !important;
    border-color: #4a4a52 !important;
}

/* ── 회원 관련 ── */
[data-site-theme="dark"] .member {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .guest {
    color: #71717a !important;
}

/* ── Exif/이미지 ── */
[data-site-theme="dark"] .img-exif .exif-data {
    background: #1e1e24;
    border-color: #3a3a42;
    color: #c4c4cc;
}
[data-site-theme="dark"] .img-exif ul.iptc-list {
    border-bottom-color: #3a3a42;
}

/* ── 전체 스크롤바 다크모드 오버라이드 ── */
[data-site-theme="dark"] ::-webkit-scrollbar-track {
    background: #1a1b1e;
}
[data-site-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #3a3a52;
    border-radius: 3px;
}
[data-site-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #4e4e62;
}
html[data-site-theme="dark"] {
    scrollbar-color: #3a3a52 #1a1b1e;
}

/* ============================================================
   다크모드 토글 버튼 공통 스타일
   ============================================================ */
.site-darkmode-btn {
    background: transparent;
    border: 1px solid rgba(91, 100, 112, 0.4);
    border-radius: 7px;
    cursor: pointer;
    width: 30px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5b6470;
    font-size: 0;
    line-height: 1;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
    vertical-align: middle;
    padding: 0;
    flex-shrink: 0;
    outline: none;
}
.site-darkmode-btn svg {
    width: 15px;
    height: 15px;
    display: block;
    flex-shrink: 0;
}
.site-darkmode-btn:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(91, 100, 112, 0.7);
    color: #1f2937;
}
.site-darkmode-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(63, 101, 168, 0.3);
}

/* 다크모드일 때 버튼 스타일 */
[data-site-theme="dark"] .site-darkmode-btn {
    border-color: rgba(160, 160, 180, 0.25);
    color: #a1a1aa;
}
[data-site-theme="dark"] .site-darkmode-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(160, 160, 180, 0.5);
    color: #e4e4e7;
}

/* 모바일 헤더 내 버튼 */
.m-header .site-darkmode-btn {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.25);
    width: 34px;
    height: 34px;
}
.m-header .site-darkmode-btn svg {
    width: 16px;
    height: 16px;
}
.m-header .site-darkmode-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff;
}
[data-site-theme="dark"] .m-header .site-darkmode-btn {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.3);
}

/* ============================================================
   상품 카드 (item-card) 다크모드
   ============================================================ */
[data-site-theme="dark"] .item-card {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}
[data-site-theme="dark"] .item-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5) !important;
    border-color: #4a4a5a !important;
}
[data-site-theme="dark"] .item-card .item-image {
    background-color: #1e1e24 !important;
}
[data-site-theme="dark"] .item-card .item-content {
    background: #252528;
}
[data-site-theme="dark"] .item-card .item-name {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .item-card .item-price {
    border-top-color: #3a3a42 !important;
}
[data-site-theme="dark"] .item-card .item-price b {
    color: #60a5fa !important;
}
[data-site-theme="dark"] .item-card .item-price small {
    color: #71717a !important;
}
[data-site-theme="dark"] .item-card .item-price .item-sp {
    background: #2c2c32 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] .item-specs-table {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .item-specs-table th {
    color: #71717a !important;
    background: transparent !important;
    border-color: transparent !important;
}
[data-site-theme="dark"] .item-specs-table td {
    color: #c4c4cc !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .item-specs-table .spec-full {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .item-specs-table .spec-location {
    color: #9ca3af !important;
}
[data-site-theme="dark"] .item-specs-table th,
[data-site-theme="dark"] .item-specs-table td {
    border-bottom-color: #3a3a42 !important;
}

/* 상품 목록 래퍼 */
[data-site-theme="dark"] .list-wrap {
    background: transparent;
}
[data-site-theme="dark"] .item-row {
    background: transparent;
}
[data-site-theme="dark"] .item-name-overlay {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.95);
}

/* ============================================================
   사이드바 공통 (div-title-underbar, widget-box)
   ============================================================ */
[data-site-theme="dark"] .div-title-underbar {
    border-bottom-color: #3a3a42 !important;
    color: #e4e4e7;
}
[data-site-theme="dark"] .div-title-underbar span,
[data-site-theme="dark"] .div-title-underbar b {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .div-title-underbar-bold {
    border-bottom-color: #4a6fa0 !important;
}
[data-site-theme="dark"] .border-navy {
    border-color: #4a6fa0 !important;
}
[data-site-theme="dark"] .widget-box {
    background: transparent;
}

/* ── 로그인 위젯 ── */
[data-site-theme="dark"] .basic-outlogin {
    color: #c4c4cc;
}
[data-site-theme="dark"] .input-group-addon {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #71717a !important;
}
[data-site-theme="dark"] .btn.btn-navy {
    background-color: #2a3a4e !important;
    border-color: #3a4a5e !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .btn.btn-navy:hover,
[data-site-theme="dark"] .btn.btn-navy:focus {
    background-color: #3a5070 !important;
    border-color: #4a6080 !important;
}
[data-site-theme="dark"] .text-muted {
    color: #71717a !important;
}
[data-site-theme="dark"] .lightgray {
    color: #3a3a42 !important;
}

/* ============================================================
   Service 섹션 (basic-shop-icon 위젯)
   ============================================================ */
[data-site-theme="dark"] .basic-shop-icon .heading a {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .basic-shop-icon .heading a:hover,
[data-site-theme="dark"] .basic-shop-icon .heading a:focus {
    background: #2c2c32 !important;
    border-color: #4a6fa0 !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4) !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .basic-shop-icon .service-icon-box {
    background: linear-gradient(160deg, #2c2c3a, #1e2a3e) !important;
    border-color: #3a4a5e !important;
    color: #7eb8f0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
[data-site-theme="dark"] .basic-shop-icon .heading a:hover .service-icon-box,
[data-site-theme="dark"] .basic-shop-icon .heading a:focus .service-icon-box {
    background: linear-gradient(160deg, #2c3a4a, #1e3050) !important;
    border-color: #4a6fa0 !important;
    color: #93c5fd !important;
    box-shadow: 0 6px 14px rgba(59, 130, 246, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
[data-site-theme="dark"] .basic-shop-icon .icon-label {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .basic-shop-icon .heading a:hover .icon-label,
[data-site-theme="dark"] .basic-shop-icon .heading a:focus .icon-label {
    color: #e4e4e7 !important;
}

/* ── 사이드바 내 추가 위젯 영역 ── */
[data-site-theme="dark"] .sidebar-icon-label {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .at-side .col-md-12,
[data-site-theme="dark"] .at-side .row {
    background: transparent;
}
[data-site-theme="dark"] .at-side a {
    color: #c4c4cc;
}
[data-site-theme="dark"] .at-side a:hover {
    color: #90afd4;
}

/* ============================================================
   자동등록방지 (캡차) & 회원가입 폼 다크모드
   ============================================================ */

/* 캡차 컨테이너 (인라인 background:#f9f9f9 override) */
[data-site-theme="dark"] .other-settings-captcha-only .col-sm-8 > div {
    background: #252528 !important;
    border-color: #3a3a42 !important;
}

/* 캡차 이미지: 색상 반전으로 다크모드에 자연스럽게 어울리도록 */
[data-site-theme="dark"] #captcha_img {
    border-color: #3a3a42 !important;
    border-radius: 4px;
    filter: invert(0.88) brightness(1.05) contrast(1.1);
}

/* 캡차 안내 텍스트 */
[data-site-theme="dark"] .other-settings-captcha-only .text-muted {
    color: #71717a !important;
}

/* 캡차 새로고침/음성 버튼 */
[data-site-theme="dark"] #captcha_reload,
[data-site-theme="dark"] #captcha_mp3 {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #captcha_reload:hover,
[data-site-theme="dark"] #captcha_mp3:hover {
    background-color: #363640 !important;
    color: #e4e4e7 !important;
}

/* ── 회원가입 폼 전체 ── */
[data-site-theme="dark"] .register-form {
    color: #e4e4e7;
}

/* 폼 라벨 */
[data-site-theme="dark"] .control-label,
[data-site-theme="dark"] .form-group label {
    color: #c4c4cc !important;
}

/* 필수 표시 텍스트 */
[data-site-theme="dark"] .text-primary {
    color: #60a5fa !important;
}
[data-site-theme="dark"] .text-info,
[data-site-theme="dark"] .text-info-email {
    color: #7dd3fc !important;
}
[data-site-theme="dark"] .text-success {
    color: #86efac !important;
}
[data-site-theme="dark"] .text-warning {
    color: #fcd34d !important;
}
[data-site-theme="dark"] .text-danger {
    color: #fca5a5 !important;
}

/* 폼 컨트롤 피드백 아이콘 */
[data-site-theme="dark"] .form-control-feedback {
    color: #71717a;
}
[data-site-theme="dark"] .has-success .form-control-feedback { color: #86efac; }
[data-site-theme="dark"] .has-error .form-control-feedback { color: #fca5a5; }

/* ── 약관/개인정보 패널 ── */
[data-site-theme="dark"] #provision_box,
[data-site-theme="dark"] #privacy_box {
    border-top-color: #3a3a42 !important;
}
[data-site-theme="dark"] #provision_box,
[data-site-theme="dark"] #privacy_box,
[data-site-theme="dark"] #agreement_detail_cards {
    color: #c4c4cc;
}
[data-site-theme="dark"] #provision_box p,
[data-site-theme="dark"] #privacy_box p,
[data-site-theme="dark"] #agreement_detail_cards p {
    color: #a1a1aa;
}
[data-site-theme="dark"] #provision_box h2,
[data-site-theme="dark"] #provision_box h3,
[data-site-theme="dark"] #provision_box h4,
[data-site-theme="dark"] #privacy_box h2,
[data-site-theme="dark"] #privacy_box h3,
[data-site-theme="dark"] #privacy_box h4 {
    color: #e4e4e7;
}

/* 약관 동의 체크 영역 */
[data-site-theme="dark"] .agree_chk + span {
    color: #c4c4cc;
}

/* 약관 상세 카드 (인라인 background:#fff; border:1px solid #ddd override) */
[data-site-theme="dark"] #agreement_detail_cards > div {
    background: #252528 !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] #agreement_detail_cards > div > div > label {
    color: #e4e4e7;
}

/* 약관 내용 스크롤 영역 (인라인 background:#f9f9f9 override) */
[data-site-theme="dark"] #provision_box > div,
[data-site-theme="dark"] #privacy_box > div {
    background: #1a1b1e !important;
    color: #c4c4cc;
    border-color: #3a3a42;
}

/* alert-info 내 서브 텍스트 (인라인 color:#31708f override) */
[data-site-theme="dark"] .alert-info div {
    color: #7dd3fc !important;
}

/* 패널 전체 (register form 내) */
[data-site-theme="dark"] .register-form .panel {
    background-color: #1e1e24;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .register-form .panel-heading {
    background-color: #252528 !important;
    border-color: #3a3a42 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .register-form .panel-body {
    background-color: #1e1e24;
    color: #c4c4cc;
}

/* 구분선 (inline border-top: 1px solid #eee) */
[data-site-theme="dark"] #fregisterform [style*="border-top"] {
    border-top-color: #3a3a42 !important;
}

/* 버튼 - 자동생성, 기타 btn-default */
[data-site-theme="dark"] .register-form .btn-default,
[data-site-theme="dark"] #btn_regenerate_id,
[data-site-theme="dark"] #btn_toggle_agreement_cards {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .register-form .btn-default:hover {
    background-color: #363640 !important;
    color: #e4e4e7 !important;
}

/* 회원가입 제출 버튼 */
[data-site-theme="dark"] .register-form .btn-primary,
[data-site-theme="dark"] .register-form .btn_submit {
    background-color: #2a4a7a !important;
    border-color: #3a5a8a !important;
    color: #fff !important;
}
[data-site-theme="dark"] .register-form .btn-primary:hover,
[data-site-theme="dark"] .register-form .btn_submit:hover {
    background-color: #3a5a8a !important;
}

/* 메시지/안내 영역 */
[data-site-theme="dark"] #msg_mb_id,
[data-site-theme="dark"] #msg_mb_email {
    color: #a1a1aa;
}
[data-site-theme="dark"] #id_info_msg {
    color: #71717a;
}

/* bg-navy 클래스 */
[data-site-theme="dark"] .bg-navy {
    background-color: #1a2a3a !important;
}

/* ============================================================
   아이디/비밀번호 찾기 모달 레이어 (JS 주입 스타일 override)
   ============================================================ */

/* 모달 윈도우 */
[data-site-theme="dark"] #g5_pw_lost_layer .g5-pw-lost-win {
    background: #1a1b1e !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 20px 48px rgba(0,0,0,0.6) !important;
}

/* 모달 헤더 */
[data-site-theme="dark"] #g5_pw_lost_layer .g5-pw-lost-header {
    background: #252528 !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] #g5_pw_lost_layer .g5-pw-lost-title {
    color: #e4e4e7 !important;
}

/* 닫기 버튼 */
[data-site-theme="dark"] #g5_pw_lost_layer .g5-pw-lost-close {
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #g5_pw_lost_layer .g5-pw-lost-close:hover {
    background: #363640 !important;
    color: #e4e4e7 !important;
}

/* 크기 조절 핸들 */
[data-site-theme="dark"] #g5_pw_lost_layer .g5-pw-lost-resize {
    background-image: linear-gradient(135deg,
        transparent 0 45%, #4a4a52 45% 55%,
        transparent 55% 65%, #3a3a42 65% 75%,
        transparent 75% 100%) !important;
}

/* iframe 배경 (iframe 자체의 배경색) */
[data-site-theme="dark"] #g5_pw_lost_layer .g5-pw-lost-iframe {
    background: #1a1b1e !important;
}

/* ============================================================
   캡차 fieldset (password_lost 등 sub-page 내 captcha_html())
   ============================================================ */

[data-site-theme="dark"] fieldset.captcha,
[data-site-theme="dark"] fieldset#captcha {
    border-color: #3a3a42;
    color: #e4e4e7;
    background: transparent;
}
[data-site-theme="dark"] fieldset.captcha legend,
[data-site-theme="dark"] fieldset#captcha legend {
    color: #c4c4cc;
    background: transparent;
}

/* 캡차 입력창 (default.css의 #captcha #captcha_key 동일 특이성 + !important) */
[data-site-theme="dark"] #captcha #captcha_key,
[data-site-theme="dark"] #captcha_key {
    background: #252528 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}

/* 캡차 안내 텍스트 */
[data-site-theme="dark"] #captcha_info {
    color: #71717a;
}

/* sub-page 팝업 body (배경이 흰색으로 남는 경우 방지) */
[data-site-theme="dark"] body {
    background-color: #1a1b1e;
    color: #e4e4e7;
}

/* sub-page 내 패널 (이미 전역 panel 규칙이 있지만 명시적으로 추가) */
[data-site-theme="dark"] .panel {
    background-color: #1e1e24;
    border-color: #3a3a42;
}
[data-site-theme="dark"] .panel-default > .panel-heading {
    background-color: #252528;
    border-color: #3a3a42;
    color: #e4e4e7;
}
[data-site-theme="dark"] .panel-body {
    color: #c4c4cc;
}
[data-site-theme="dark"] .help-block {
    color: #a1a1aa;
}

/* btn-color, btn-black (비밀번호 찾기 확인/닫기 버튼) */
[data-site-theme="dark"] .btn-color {
    background-color: #2a4a7a !important;
    border-color: #3a5a8a !important;
    color: #fff !important;
}
[data-site-theme="dark"] .btn-color:hover {
    background-color: #3a5a8a !important;
}
[data-site-theme="dark"] .btn-black {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .btn-black:hover {
    background-color: #363640 !important;
    color: #e4e4e7 !important;
}

/* ============================================================
   사이드바 로그인 패널 다크모드 (widget.css 하드코딩 override)
   ============================================================ */

/* 사이드바 전체 배경 */
[data-site-theme="dark"] #sidebar-box {
    background: #1a1b1e !important;
    border-color: #3a3a42 !important;
}

/* × 닫기 버튼 */
[data-site-theme="dark"] #sidebar-box .sidebar-wing-close {
    background: #252528 !important;
    color: #a1a1aa !important;
    border-color: #4a4a52 !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-wing-close:hover,
[data-site-theme="dark"] #sidebar-box .sidebar-wing-close:focus {
    background: #363640 !important;
    color: #e4e4e7 !important;
    border-color: #5a5a62 !important;
}

/* 섹션 제목 (MEMBER, SERVICE, MY MENU 등 div-title-underline-thin) */
[data-site-theme="dark"] #sidebar-box .div-title-underline-thin,
[data-site-theme="dark"] #sidebar-box .div-title-underline-bold {
    color: #a1a1aa;
    border-bottom-color: #3a3a42 !important;
}

/* 리스트 링크 (회원가입, 장바구니 등) */
[data-site-theme="dark"] #sidebar-box .sidebar-list a {
    color: #c4c4cc !important;
    border-bottom-color: #2e2e35 !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-list a:hover {
    color: #e4e4e7 !important;
    background: #252528 !important;
}

/* 사이드바 메뉴 (카테고리 메뉴) */
[data-site-theme="dark"] #sidebar-box .sidebar-menu {
    border-top-color: #2e2e35 !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-menu .ca-head {
    border-bottom-color: #2e2e35 !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-menu .ca-head > a {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-menu .ca-sub {
    background: #141417 !important;
    border-bottom-color: #2e2e35 !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-menu .ca-sub li {
    border-bottom-color: #2e2e35 !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-menu .ca-sub li a {
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-menu .ca-line {
    background: #1a1b1e !important;
    color: #c4c4cc !important;
}

/* 검색 영역 */
[data-site-theme="dark"] #sidebar-box .sidebar-search {
    background: #141417 !important;
    border-color: #2e2e35 !important;
}

/* 로그인 폼 자동로그인 라벨 */
[data-site-theme="dark"] #sidebar-box .sidebar-login label {
    color: #a1a1aa !important;
}

/* 프로필 아이콘 (로그인 시) */
[data-site-theme="dark"] #sidebar-box .sidebar-login .profile .photo i {
    background: #363640 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-login .profile h3 {
    color: #e4e4e7 !important;
}

/* myshop Author 프로필 아이콘 */
[data-site-theme="dark"] .view-author .img-photo i {
    background: #363640 !important;
    color: #a1a1aa !important;
}

/* 경험치 프로그레스바 */
[data-site-theme="dark"] #sidebar-box .progress {
    background-color: #252528 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.4) !important;
}

/* 미디어 아이템 (최근 게시물 등) */
[data-site-theme="dark"] #sidebar-box .sidebar-media {
    border-bottom-color: #2e2e35 !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-media .media-photo i {
    background: #363640 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #sidebar-box .sidebar-media .media-info {
    color: #71717a !important;
}

/* 배경 마스크 오버레이 (어둡게 유지) */
[data-site-theme="dark"] #sidebar-box-mask {
    background: rgba(0,0,0,0.85) !important;
}

/* ============================================================
   보유포인트 레이어 팝업 쉘 (#g5_point_layer)
   ============================================================ */

[data-site-theme="dark"] #g5_point_layer .g5-point-win {
    background: #1a1b1e !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 24px 56px rgba(0,0,0,0.6) !important;
}
[data-site-theme="dark"] #g5_point_layer .g5-point-header {
    background: #252528 !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] #g5_point_layer .g5-point-title {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] #g5_point_layer .g5-point-close {
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #g5_point_layer .g5-point-close:hover {
    background: #363640 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] #g5_point_layer .g5-point-iframe {
    background: #1a1b1e !important;
}
[data-site-theme="dark"] #g5_point_layer .g5-point-resize {
    background-image: linear-gradient(135deg,
        transparent 0 45%, #4a4a52 45% 55%,
        transparent 55% 65%, #3a3a42 65% 75%,
        transparent 75% 100%) !important;
}

/* ============================================================
   일반 레이어 팝업 쉘 (.g5-layer-popup) — 쪽지, 이메일, 프로필 등
   ============================================================ */

[data-site-theme="dark"] .g5-layer-popup .g5-layer-win {
    background: #1a1b1e !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 24px 56px rgba(0,0,0,0.6) !important;
}
[data-site-theme="dark"] .g5-layer-popup .g5-layer-header {
    background: #252528 !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .g5-layer-popup .g5-layer-title {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .g5-layer-popup .g5-layer-close {
    color: #a1a1aa !important;
}
[data-site-theme="dark"] .g5-layer-popup .g5-layer-close:hover {
    background: #363640 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .g5-layer-popup .g5-layer-iframe {
    background: #1a1b1e !important;
}
[data-site-theme="dark"] .g5-layer-popup .g5-layer-resize {
    background-image: linear-gradient(135deg,
        transparent 0 45%, #4a4a52 45% 55%,
        transparent 55% 65%, #3a3a42 65% 75%,
        transparent 75% 100%) !important;
}

/* ============================================================
   로그인 팝업 카드 (#mb_login_refined, skin/member/basic/style.css override)
   ============================================================ */

[data-site-theme="dark"] #mb_login_refined .login-card {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.4) !important;
}
[data-site-theme="dark"] #mb_login_refined .form-group > label {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #mb_login_refined .form-control {
    background-color: #1e1e24 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] #mb_login_refined .form-control:focus {
    border-color: #3f65a8 !important;
    box-shadow: 0 0 0 3px rgba(63,101,168,0.25) !important;
}
[data-site-theme="dark"] #mb_login_refined .form-control-feedback {
    color: #71717a !important;
}
[data-site-theme="dark"] #mb_login_refined .remember-me,
[data-site-theme="dark"] #mb_login_refined .login-actions label {
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #mb_login_refined .field-with-icon {
    background: transparent;
}

/* ============================================================
   Style Switcher (#style-switcher) — 디자이너/데모 전용 설정 패널
   ============================================================ */

[data-site-theme="dark"] #style-switcher {
    background-color: #1a1b1e !important;
    box-shadow: 3px 3px 12px rgba(0,0,0,0.5);
}
[data-site-theme="dark"] #style-switcher .switcher-wrap {
    background: #1a1b1e !important;
}
[data-site-theme="dark"] #style-switcher .switcher-content {
    color: #c4c4cc;
}
[data-site-theme="dark"] #style-switcher .panel {
    background-color: #1a1b1e !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] #style-switcher .panel-heading {
    background-color: #1a1b1e !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #style-switcher .panel-heading a {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #style-switcher .panel-heading a:hover {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] #style-switcher .panel-body {
    border-bottom-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #style-switcher .input-group-addon {
    background-color: #2a2a32 !important;
    border-color: #4a4a52 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] #style-switcher .form-control {
    background-color: #252528 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] #style-switcher .form-control:focus {
    border-color: #3f65a8 !important;
    box-shadow: 0 0 0 2px rgba(63,101,168,0.25) !important;
}
[data-site-theme="dark"] #style-switcher label {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #style-switcher .text-muted {
    color: #71717a !important;
}

/* ── 쇼핑몰 주문서/출금신청 상세 레이아웃 ── */
[data-site-theme="dark"] .sod_left {
    background: #1e1e24 !important;
}
[data-site-theme="dark"] .sod_right {
    background: #252528 !important;
}
[data-site-theme="dark"] #sod_fin_no {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #sod_fin_no strong {
    color: #e4e4e7 !important;
}
/* sod_left 안 th/td는 style.css에서 background:#fff 하드코딩 → !important 오버라이드 */
[data-site-theme="dark"] #sod_fin .sod_left th {
    background: #1e1e24 !important;
    color: #9ca3af !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] #sod_fin .sod_left td {
    background: #1e1e24 !important;
    color: #c4c4cc !important;
    border-color: #3a3a42 !important;
}
/* sod_bsk_tot 행 */
[data-site-theme="dark"] #sod_fin #sod_bsk_tot li {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #sod_fin #sod_bsk_tot li span {
    color: #9ca3af !important;
}
/* sod_fin_tot 합계 패널 (기본 #38b2b9 teal → 다크 청록으로 조정) */
[data-site-theme="dark"] #sod_fin_tot li {
    background: #1a3a42 !important;
    border-color: #2a5a62 !important;
    color: #a0d8e0 !important;
}
[data-site-theme="dark"] #sod_fin_tot strong {
    color: #e4e4e7 !important;
}

/* ── 쇼핑몰 주문서/출금신청 상세 (tbl_head01/02/03, sod_fin) ── */
[data-site-theme="dark"] .tbl_head01 table,
[data-site-theme="dark"] .tbl_head02 table,
[data-site-theme="dark"] .tbl_head03 table {
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .tbl_head01 thead th,
[data-site-theme="dark"] .tbl_head03 thead th {
    background: #1e1e24 !important;
    color: #9ca3af !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .tbl_head02 thead th {
    background: #1e1e24 !important;
    border-color: #3a3a42 !important;
    color: #9ca3af !important;
}
[data-site-theme="dark"] .tbl_head01 tbody th,
[data-site-theme="dark"] .tbl_head02 tbody th,
[data-site-theme="dark"] .tbl_head03 tbody th {
    background: #1e1e24 !important;
    border-color: #3a3a42 !important;
    color: #9ca3af !important;
}
[data-site-theme="dark"] .tbl_head01 td,
[data-site-theme="dark"] .tbl_head02 td,
[data-site-theme="dark"] .tbl_head03 td {
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .tbl_head01 tfoot th,
[data-site-theme="dark"] .tbl_head01 tfoot td,
[data-site-theme="dark"] .tbl_head02 tfoot th,
[data-site-theme="dark"] .tbl_head02 tfoot td,
[data-site-theme="dark"] .tbl_head03 tfoot th,
[data-site-theme="dark"] .tbl_head03 tfoot td {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .tbl_frm01 th {
    color: #9ca3af !important;
}
[data-site-theme="dark"] .tbl_frm01 td {
    color: #c4c4cc !important;
}

/* ── 주문 상세 레이아웃 (#sod_fin) ── */
[data-site-theme="dark"] #sod_fin {
    color: #c4c4cc;
}
[data-site-theme="dark"] #sod_fin h2,
[data-site-theme="dark"] #sod_fin h3 {
    color: #e4e4e7 !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] #sod_fin_no {
    color: #9ca3af;
}
[data-site-theme="dark"] #sod_fin_no strong {
    color: #e4e4e7;
}
[data-site-theme="dark"] #sod_bsk_tot,
[data-site-theme="dark"] #sod_fin #sod_bsk_tot {
    background: #1e1e24 !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] #sod_bsk_tot li {
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #sod_fin_tot {
    background: #1e1e24;
    border-color: #3a3a42;
}
[data-site-theme="dark"] #sod_fin_tot ul li {
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #sod_fin_tot ul li strong {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] #sod_sts_explan {
    background: #1e1e24 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .btn_frmline {
    background: #252528 !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .btn_frmline:hover {
    background: #363640 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .th_line th {
    border-color: #3a3a42 !important;
    background: #1e1e24 !important;
    color: #9ca3af !important;
}
[data-site-theme="dark"] #sod_fin th[style*="color:green"],
[data-site-theme="dark"] #sod_fin td[style*="color:green"] {
    color: #4ade80 !important;
}
[data-site-theme="dark"] #sod_fin td[style*="font-weight:bold"] {
    color: #e4e4e7 !important;
}

/* ============================================================
   shop_vpn 아이템 스킨 다크모드 (item.skin.php 인라인 스타일 override)
   ============================================================ */

/* 아이템 헤드 카드 (좌측 카드) */
[data-site-theme="dark"] .item-head {
    background: linear-gradient(180deg, #252528 0%, #1e1e24 100%) !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35) !important;
}

/* 아이템 요약 카드 (우측 카드) */
[data-site-theme="dark"] .item-summary-card {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;
}

/* 아이템 제목 행 */
[data-site-theme="dark"] .item-title-row {
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .item-title-main {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .item-title-meta {
    color: #9ca3af !important;
}

/* 아이템 이미지 영역 */
[data-site-theme="dark"] .item-image {
    background: #1e1e24 !important;
    border-color: #3a3a42 !important;
}

/* 오버레이 테이블 (좌측 카드 위 스펙 테이블) */
[data-site-theme="dark"] .overlay-table {
    background: rgba(30, 30, 36, 0.96) !important;
}
[data-site-theme="dark"] .overlay-table td {
    color: #9ca3af !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .overlay-table th {
    color: #c4c4cc !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .overlay-table .spec-logo-badge {
    background: transparent !important;
    border-color: transparent !important;
}
[data-site-theme="dark"] .overlay-table .spec-cell-text {
    color: #c4c4cc !important;
}

/* modern-item-form 테이블 (우측 카드 내부 정보 테이블) */
[data-site-theme="dark"] .modern-item-form .table {
    background: #252528 !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .modern-item-form .table > tbody > tr > th {
    background: #1e1e24 !important;
    color: #9ca3af !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .modern-item-form .table > tbody > tr > td {
    color: #c4c4cc !important;
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .modern-item-form .table > tbody > tr:hover > th,
[data-site-theme="dark"] .modern-item-form .table > tbody > tr:hover > td {
    background: #2c2c32 !important;
}

/* 옵션 list-group-item */
[data-site-theme="dark"] #item_option .list-group-item {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #item_option h4 {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #item_option .input-group-btn .btn {
    background: linear-gradient(180deg, #2c2c32 0%, #252528 100%) !important;
    border-color: #4a4a52 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #item_option .input-group-btn .btn:hover {
    background: #363640 !important;
    color: #e4e4e7 !important;
}

/* 총 합계금액 */
[data-site-theme="dark"] #it_tot_price {
    color: #e4e4e7 !important;
}

/* 아이템 탭 (후기글/문의글/배송) */
/* #item-tab .nav-tabs: 컨테이너에 완전한 border 추가 (border-radius 모서리 채움) */
[data-site-theme="dark"] #item-tab .nav-tabs {
    background: #1e1e24 !important;
    border: 1px solid #3a3a42 !important;
}

/* li 개별 border 전부 제거 — 컨테이너 border가 외곽을 담당 */
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li:hover,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li:focus,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li:first-child,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li:last-child {
    background: #1e1e24 !important;
    border: 0 !important;
}
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li.active {
    background: #252528 !important;
    border: 0 !important;
}
[data-site-theme="dark"] .div-tab.tabs.trans-top ul.nav-tabs li.active {
    border: 0 !important;
}

/* li > a: 탭 간 세로 구분선만 유지 (border-right), 나머지 제거 */
[data-site-theme="dark"] #item-tab .nav-tabs > li > a {
    background: transparent !important;
    color: #9ca3af !important;
    border: 0 !important;
    border-right: 1px solid #3a3a42 !important;
}
[data-site-theme="dark"] #item-tab .nav-tabs > li:last-child > a {
    border-right: 0 !important;
}
[data-site-theme="dark"] #item-tab .nav-tabs > li > a:hover {
    background: #252528 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] #item-tab .nav-tabs > li.active > a,
[data-site-theme="dark"] #item-tab .nav-tabs > li.active > a:hover,
[data-site-theme="dark"] #item-tab .nav-tabs > li.active > a:focus {
    background: #252528 !important;
    color: #ef233c !important;
    box-shadow: inset 0 -3px 0 #ef233c !important;
    border: 0 !important;
    border-right: 1px solid #3a3a42 !important;
}
[data-site-theme="dark"] #item-tab .nav-tabs > li.active:last-child > a,
[data-site-theme="dark"] #item-tab .nav-tabs > li.active:last-child > a:hover,
[data-site-theme="dark"] #item-tab .nav-tabs > li.active:last-child > a:focus {
    border-right: 0 !important;
}

/* div-tab li anchor 공통 (apms.css override) */
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li a,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li a:hover,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li a:focus {
    color: #9ca3af !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li.active a,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li.active a:hover,
[data-site-theme="dark"] .div-tab.tabs ul.nav-tabs li.active a:focus {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
[data-site-theme="dark"] .div-tab.tabs.trans-top ul.nav-tabs li.active a {
    color: crimson !important;
    border-top-color: transparent !important;
}

/* tab-content */
[data-site-theme="dark"] .div-tab.tabs div.tab-content {
    background-color: #252528 !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] #item-tab .tab-content {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2) !important;
}

/* tbox (후기/문의/배송 탭 콘텐츠 내부) */
[data-site-theme="dark"] .tbox-head {
    background: #1e1e24 !important;
    border-bottom-color: #3a3a42 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .tbox-body {
    background: #252528 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .tbox-body table.top-border {
    border-top-color: #3f65a8 !important;
}
[data-site-theme="dark"] .tbox-body thead th {
    background: #1e1e24 !important;
    color: #9ca3af !important;
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .tbox-body tbody th {
    background: #252528 !important;
    border-bottom-color: #3a3a42 !important;
    color: #9ca3af !important;
}
[data-site-theme="dark"] .tbox-body tbody td {
    border-bottom-color: #3a3a42 !important;
    color: #c4c4cc !important;
}

/* item-head h1 텍스트 색상 */
[data-site-theme="dark"] .item-head h1 {
    color: #e4e4e7 !important;
}

/* 아이템 이름 (배지 아래 줄) — vpn/rpc/일반 상품 오버레이 제목 공통 */
[data-site-theme="dark"] .vpn-item-name,
[data-site-theme="dark"] .overlay-item-name {
    color: #e4e4e7 !important;
}

/* 수량 스테퍼 버튼 (ct_count_stepper) */
[data-site-theme="dark"] .ct_count_stepper {
    background: #2c2c32 !important;
    border-left-color: #4a4a52 !important;
}
[data-site-theme="dark"] .ct_count_stepper .ct_count_btn {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .ct_count_stepper .ct_count_btn + .ct_count_btn {
    border-top-color: #4a4a52 !important;
}
[data-site-theme="dark"] .ct_count_stepper .ct_count_btn:hover,
[data-site-theme="dark"] .ct_count_stepper .ct_count_btn:focus {
    background: #3a3a42 !important;
    color: #e4e4e7 !important;
}

/* OS-level dark mode fallback — data-site-theme="light" 명시 시 무시 */
@media (prefers-color-scheme: dark) {
    html:not([data-site-theme="light"]) #mb_login_refined .form-box,
    html:not([data-site-theme="light"]) #mb_login_refined .login-card {
        background: #252528 !important;
        border-color: #3a3a42 !important;
        box-shadow: 0 12px 28px rgba(0,0,0,0.4) !important;
    }
    html:not([data-site-theme="light"]) #mb_login_refined .form-group > label { color: #c4c4cc !important; }
    html:not([data-site-theme="light"]) #mb_login_refined .form-control {
        background: #1e1e24 !important;
        background-color: #1e1e24 !important;
        border-color: #4a4a52 !important;
        color: #e4e4e7 !important;
    }
    html:not([data-site-theme="light"]) #mb_login_refined .field-with-icon { background: transparent !important; }
    html:not([data-site-theme="light"]) #mb_login_refined .form-control-feedback { color: #71717a !important; }
    html:not([data-site-theme="light"]) #mb_login_refined .btn-color {
        background: linear-gradient(180deg,#3b5fa3 0%,#2f4b7f 100%) !important;
        border-color: #2f4b7f !important;
        color: #fff !important;
    }
}

/* ============================================================
   구분선 / 수평선 (apms_line, div-sep-*) 다크모드 override
   ============================================================ */
[data-site-theme="dark"] .div-separator {
    border-color: #3a3a42 !important;
}
[data-site-theme="dark"] .div-sep-icon {
    background: #252528 !important;
    border-color: #3a3a42 !important;
    color: #71717a !important;
}
[data-site-theme="dark"] .div-sep-line {
    border-top-color: #3a3a42 !important;
}
[data-site-theme="dark"] .sep-thin.div-sep {
    background: #3a3a42 !important;
}
[data-site-theme="dark"] .sep-bold.div-sep {
    background: #2e2e36 !important;
}

/* ============================================================
   일반 Bootstrap .nav-tabs 다크모드 border 오버라이드
   ============================================================ */
[data-site-theme="dark"] .nav-tabs {
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .nav-tabs > li > a {
    color: #9ca3af;
    border-color: transparent !important;
}
[data-site-theme="dark"] .nav-tabs > li > a:hover,
[data-site-theme="dark"] .nav-tabs > li > a:focus {
    border-color: #3a3a42 !important;
    background-color: #2a2a32 !important;
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .nav-tabs > li.active > a,
[data-site-theme="dark"] .nav-tabs > li.active > a:hover,
[data-site-theme="dark"] .nav-tabs > li.active > a:focus {
    border-color: #3a3a42 !important;
    border-bottom-color: transparent !important;
    background-color: #252528 !important;
    color: #e4e4e7 !important;
}

/* ============================================================
   글로벌 포커스 스타일 (라이트/다크 공통)
   — 마우스 클릭 시 브라우저 기본 흰색 outline 제거,
     키보드 탐색 시 고급스러운 focus-visible 링으로 대체
   ============================================================ */

/* 마우스/터치 클릭 포커스: 기본 두꺼운 outline 제거 */
:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* 키보드 탐색 포커스: 가는 글로우 링 (접근성 유지) */
:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(63, 101, 168, 0.55), 0 0 0 4px rgba(63, 101, 168, 0.13) !important;
    border-radius: 3px;
}

/* 다크모드: 키보드 포커스 링 색상을 밝은 파란색 계열로 */
[data-site-theme="dark"] :focus-visible {
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.65), 0 0 0 4px rgba(96, 165, 250, 0.18) !important;
}

/* ============================================================
   로그인 안내 레이어 팝업 (.guest-login-layer) 다크모드
   — 장바구니/바로구매 클릭 시 비회원에게 표시되는 로그인 유도 모달
   ============================================================ */

/* 다이얼로그 배경 */
[data-site-theme="dark"] .guest-login-layer .guest-login-dialog {
    background: #1e1e24 !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.6) !important;
}

/* 헤더 */
[data-site-theme="dark"] .guest-login-layer .guest-login-head {
    border-bottom-color: #3a3a42 !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-head strong {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-close {
    color: #71717a !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-close:hover {
    color: #c4c4cc !important;
}

/* 본문 메시지 */
[data-site-theme="dark"] .guest-login-layer .guest-login-message {
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-submessage {
    color: #a1a1aa !important;
}

/* 상태 알림 (에러/안내) */
[data-site-theme="dark"] .guest-login-layer .guest-login-status.is-error {
    background: #3b1212 !important;
    color: #fca5a5 !important;
    border-color: #7f1d1d !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-status.is-info {
    background: #1a2e4a !important;
    color: #93c5fd !important;
    border-color: #1e40af !important;
}

/* 폼 input-group-addon (아이콘 영역) */
[data-site-theme="dark"] .guest-login-layer .guest-login-form .input-group-addon {
    background: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #71717a !important;
}

/* 폼 input (아이디, 비밀번호) */
[data-site-theme="dark"] .guest-login-layer .guest-login-form .form-control {
    background-color: #252528 !important;
    border-color: #4a4a52 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-form .form-control:focus {
    border-color: #3f65a8 !important;
    box-shadow: 0 0 0 3px rgba(63, 101, 168, 0.25) !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-form .form-control::placeholder {
    color: #52525b !important;
}

/* 캡차 새로고침 버튼 */
[data-site-theme="dark"] .guest-login-layer .btn.btn-default {
    background-color: #2c2c32 !important;
    border-color: #4a4a52 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] .guest-login-layer .btn.btn-default:hover {
    background-color: #363640 !important;
    color: #e4e4e7 !important;
}

/* 자동로그인 체크박스 라벨 */
[data-site-theme="dark"] .guest-login-layer .guest-login-auto {
    color: #a1a1aa !important;
}

/* Login 제출 버튼 */
[data-site-theme="dark"] .guest-login-layer .btn-login-submit {
    background: #2a3d56 !important;
    color: #e4e4e7 !important;
}
[data-site-theme="dark"] .guest-login-layer .btn-login-submit:hover {
    background: #3a5070 !important;
}

/* 하단 '로그인 없이 닫기' 버튼 */
[data-site-theme="dark"] .guest-login-layer .guest-login-close-btn {
    background: #252528 !important;
    border-color: #4a4a52 !important;
    color: #a1a1aa !important;
}
[data-site-theme="dark"] .guest-login-layer .guest-login-close-btn:hover {
    background: #2c2c32 !important;
    border-color: #5a5a62 !important;
    color: #e4e4e7 !important;
}

/* ============================================================
   장바구니 옵션 수정 팝업 (#mod_option_form) 다크모드
   — 장바구니에서 이용권 옵션 변경 시 표시되는 팝업
   ============================================================ */

/* 상품명 바 — 글라스모피즘 헤더 */
[data-site-theme="dark"] .cart-opt-name-bar {
    background: rgba(96, 165, 250, 0.07) !important;
    backdrop-filter: blur(18px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important;
}
[data-site-theme="dark"] .cart-opt-name-bar .cart-opt-item-name {
    color: #ddeaff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

/* list-group-item — 유리 느낌 미세 배경 */
[data-site-theme="dark"] #mod_option_form .list-group-item {
    background: rgba(255, 255, 255, 0.025) !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    color: #c4c4cc !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

/* 라벨 텍스트 */
[data-site-theme="dark"] #mod_option_form .list-group-item label span {
    color: #a1a1aa !important;
}

/* select (이용권 선택) */
[data-site-theme="dark"] #mod_option_form .form-control {
    background-color: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e4e4e7 !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}
[data-site-theme="dark"] #mod_option_form .form-control:focus {
    border-color: rgba(96, 165, 250, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15) !important;
}
[data-site-theme="dark"] #mod_option_form .form-control option {
    background-color: #1e1e24;
    color: #e4e4e7;
}

/* input-group-addon ("시간" 단위 텍스트) */
[data-site-theme="dark"] #mod_option_form .input-group-addon {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #71717a !important;
}

/* 스테퍼 (▲▼ 버튼) */
[data-site-theme="dark"] #mod_option_form .ct_count_stepper {
    background: rgba(255, 255, 255, 0.04) !important;
    border-left-color: rgba(255, 255, 255, 0.08) !important;
}
[data-site-theme="dark"] #mod_option_form .ct_count_stepper .ct_count_btn {
    color: #a1a1aa !important;
    background: transparent !important;
}
[data-site-theme="dark"] #mod_option_form .ct_count_stepper .ct_count_btn + .ct_count_btn {
    border-top-color: rgba(255, 255, 255, 0.07) !important;
}
[data-site-theme="dark"] #mod_option_form .ct_count_stepper .ct_count_btn:hover,
[data-site-theme="dark"] #mod_option_form .ct_count_stepper .ct_count_btn:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #e4e4e7 !important;
}

/* 선택기간 안내 텍스트 */
[data-site-theme="dark"] #mod_option_form .ct_human_time_hint {
    color: #52525b !important;
}
[data-site-theme="dark"] #mod_option_form .ct_auto_pricing_notice {
    color: #34d399 !important;
}

/* 실시간 계산식 카드 — 글라스모피즘 */
[data-site-theme="dark"] .cart-price-formula {
    background: rgba(96, 165, 250, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-color: rgba(96, 165, 250, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
[data-site-theme="dark"] .cart-price-formula .formula-label {
    color: #9ca3af !important;
}
[data-site-theme="dark"] .cart-price-formula .formula-expr {
    color: #c4c4cc !important;
}
[data-site-theme="dark"] .cart-price-formula .formula-expr .formula-eq {
    color: #60a5fa !important;
}
[data-site-theme="dark"] .cart-price-formula .formula-divider {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}
[data-site-theme="dark"] .cart-price-formula .formula-install .formula-expr {
    color: #9ca3af !important;
}

/* ============================================================
   상세페이지 미리보기 레이어 (#item-detail-preview-layer)
   — 관리자 상품 폼에서 미리보기 버튼 클릭 시 표시되는 팝업
   ============================================================ */

/* 모달 컨테이너 (background:#fff 인라인 override) */
[data-site-theme="dark"] #item-detail-preview-layer > div {
    background: #1a1b1e !important;
    box-shadow: 0 24px 46px rgba(0, 0, 0, 0.6) !important;
}

/* 상단 툴바 (background:#f8fafc; border-bottom:#e5e7eb 인라인 override) */
[data-site-theme="dark"] #item-detail-preview-layer > div > div:first-child {
    background: #252528 !important;
    border-bottom-color: #3a3a42 !important;
}

/* "상세페이지 미리보기" 텍스트 (color:#111827 인라인 override) */
[data-site-theme="dark"] #item-detail-preview-layer > div > div:first-child strong {
    color: #e4e4e7 !important;
}
