/* ─────────────────────────────────────────────────────────────
   문성전자 — 솔루션 전역 강조색 통일 (ms-brand). head.sub.php / m/head.sub.php 에서 마지막에 링크. 2026-09-09
   대상: css/button.css 의 버튼 색 클래스(.wset .red .grey .bx-* 기본 검정) + 테마 style.css 의 빨강(#de3833)·보라(#441D7C) 강조.
   마이페이지·장바구니·주문서·쿠폰·위시 등 솔루션 기본 화면이 여기서 브랜드 색(네이비 #0f1c6e · 블루 #1a6ad0)을 얻는다.
   ⚠️ 회원 페이지(css/ms-member.css)·상세 탭(ms-viewtabs)·헤더/푸터(ms-header/ms-footer)는 각자 더 좁은 선택자로 이미 덮여 있음.
   ───────────────────────────────────────────────────────────── */
:root{--mb-navy:#0f1c6e;--mb-navy2:#142a8f;--mb-blue:#1a6ad0;--mb-ink:#1b2440;--mb-mute:#5d6680;--mb-line:#e6e9f2;--mb-g50:#f6f8fc;--mb-soft:#eaf3ff}

/* ── 버튼: 모양 (알약) ── */
.btn_ssmall,.btn_small,.btn_lsmall,.btn_medium,.btn_large{border-radius:9999px;font-family:inherit;transition:background .15s,border-color .15s,color .15s}
.btn_ssmall{border-radius:6px}
.btn_group .btn_small{border-radius:0} /* 그룹 버튼(수량 ± 등)은 사각 유지 */
.btn_group .btn_small:first-child{border-radius:6px 0 0 6px}
.btn_group .btn_small:last-child{border-radius:0 6px 6px 0}

/* ── 버튼: 기본(검정 #333) → 네이비 ── */
.btn_ssmall,.btn_small,.btn_lsmall,.btn_medium,.btn_large{background:var(--mb-navy);border:1px solid var(--mb-navy);color:#fff !important}
.btn_ssmall:hover,.btn_small:hover,.btn_lsmall:hover,.btn_medium:hover,.btn_large:hover{background:var(--mb-navy2);border-color:var(--mb-navy2);color:#fff !important}
/* 주 버튼 .wset (PC 빨강 #de3833 / 모바일 보라 #441D7C) → 네이비 */
.wset,.wset:hover,.wset:active{background:var(--mb-navy) !important;border:1px solid var(--mb-navy) !important;color:#fff !important;font-weight:700}
.wset:hover{background:var(--mb-navy2) !important;border-color:var(--mb-navy2) !important}
.bx-wset,.bx-wset:hover{background:#fff !important;border:1px solid var(--mb-navy) !important;color:var(--mb-navy) !important}
/* 강조 .red(쿠폰 적용·비회원 구매 등 행동 버튼) → 블루. 삭제 계열 .bx-red 는 경고색 유지 */
.red,.red:active{background:var(--mb-blue) !important;border:1px solid var(--mb-blue) !important;color:#fff !important}
.red:hover{background:#1668cc !important;border-color:#1668cc !important;color:#fff !important}
.blue{background:var(--mb-blue);border-color:var(--mb-blue)}
.blue:hover{background:#1668cc;border-color:#1668cc}
/* 보조 .grey → 연회색 바탕 + 잉크 글자 */
.grey,.grey:active{background:#eef1f7 !important;border:1px solid #eef1f7 !important;color:var(--mb-ink) !important}
.grey:hover{background:#e2e7f1 !important;border-color:#e2e7f1 !important;color:var(--mb-ink) !important}
.grey2{background:#f3f5fa;border-color:#f3f5fa;color:var(--mb-mute) !important}
/* 테두리 버튼 .bx-white / .bx-black → 흰 바탕 + 네이비 글자 */
.bx-white,.bx-white:active{background:#fff !important;border:1px solid var(--mb-line) !important;color:var(--mb-navy) !important}
.bx-white:hover{background:#fff !important;border-color:var(--mb-navy) !important;color:var(--mb-navy) !important}
.bx-black{background:#fff !important;border:1px solid var(--mb-navy) !important;color:var(--mb-navy) !important}
.bx-black:hover{background:var(--mb-navy) !important;border-color:var(--mb-navy) !important;color:#fff !important}
.bx-grey{background:var(--mb-g50) !important;border:1px solid var(--mb-line) !important;color:var(--mb-mute) !important}
.bx-grey:hover{background:#e2e7f1 !important;border-color:#e2e7f1 !important;color:var(--mb-ink) !important}
.bx-blue{background:#fff !important;border:1px solid var(--mb-blue) !important;color:var(--mb-blue) !important}
.bx-blue:hover{background:var(--mb-blue) !important;color:#fff !important}
.bx-red{background:#fff !important;border:1px solid #f0a0a0 !important;color:#d43b3b !important}
.bx-red:hover{background:#d43b3b !important;border-color:#d43b3b !important;color:#fff !important}
.btn_txt{color:var(--mb-mute) !important}

/* ── 체크박스 (테마 .css-checkbox 스프라이트 색) ── */
input[type=radio].css-checkbox:checked + label.css-label:before,input[type=checkbox].css-checkbox:checked + label.css-label:before{border-color:var(--mb-blue) !important;background-color:var(--mb-blue) !important}
input[type=checkbox],input[type=radio]{accent-color:var(--mb-blue)}

/* ── 테마 style.css 의 빨강/보라 강조 → 브랜드 ── */
.anc_tit:after{background-color:var(--mb-blue) !important}
.rvwNum{background-color:var(--mb-navy) !important}
.vi_tab li.active{color:var(--mb-navy)}
.vi_tab li.active:before{background:var(--mb-navy)}
.sp_wrap .sp_tab li.active a{color:var(--mb-navy);border-bottom-color:var(--mb-navy)}
.vi_txt_bx .snslink:hover,.sp_wrap .subject .snslink:hover,.aside_cs dt:hover a:after{color:var(--mb-blue) !important}
.smartSch dl dd a:hover{color:var(--mb-blue) !important}
.smartSch dl dd a.active,.smartSch dl dd input[type="checkbox"]:checked + label{background-color:var(--mb-navy) !important;color:#fff !important}
#sct_ct ul li a.sct_here{background-color:var(--mb-navy) !important}
.viRvw .viRvw_top b{color:var(--mb-blue) !important}
.fc_red{color:var(--mb-navy) !important} /* 장바구니·주문서 합계 금액 강조 (빨강 → 네이비) */
.sod_opt li.ty{color:var(--mb-blue) !important} /* 옵션 라벨 보라 → 블루 */
#reg_result #result_email strong,#reg_result #result_coupon strong{color:var(--mb-navy) !important}
/* 제휴카드·렌탈 신청서 등 솔루션 기본 화면 */
.ptn_card_tit,.ptn_card .cardBx .card_img .card_btn a,.ptn_card .cardBx .card_btn a{background-color:var(--mb-navy) !important}
.rtlf_pr .rtlf_price .mpr,.rtlf_pr .rtlf_info ul li.rtlf_price .mpr,.rtlf_pr .rtlf_info ul li.rtlf_price .mpr span{color:var(--mb-navy) !important}
.rtlf_result i,.rtlf_icon li.active{color:var(--mb-blue) !important}
.rtlf_icon li.active span{background-color:var(--mb-blue) !important;border-color:var(--mb-blue) !important}
#sod_inquiry li .inquiry_inv{color:var(--mb-blue) !important}

/* ── 입력칸: 색만 (모양은 페이지별 유지) ── */
.frm_input,.frm_textbox{border-color:var(--mb-line)}
.frm_input:focus,.frm_textbox:focus{border-color:var(--mb-blue);outline:0}