/* ─────────────────────────────────────────────────────────────
   평강프라자 — 솔루션 전역 버튼·강조색 (pk-buttons). 문성 css/ms-brand.css 자리(head.sub.php / m/head.sub.php 링크 교체). 2026-09-15
   시안: docs/design/media-buttons-draft.html 3번. 대상: css/button.css 의 버튼 색 클래스(.btn_* .wset .red .grey .bx-*) + 테마 style.css 의 빨강(#de3833)·보라(#441D7C) 강조.
   마이페이지·장바구니·주문서·쿠폰·위시 등 솔루션 기본 화면이 여기서 쇼룸 색(잉크 #111214 · 블루 #1428a0 · 콘크리트 #eeeff1 · hairline #d9dce1)을 얻는다.
   알약(9999px) → 사각 4px. 주 버튼(.wset/.red) 블루, 기본(.btn_*) 잉크, 보조(.grey) 콘크리트, 테두리(.bx-*) hairline, 삭제(.bx-red) 경고색 유지, 체크박스 블루.
   ⚠️ 회원(pk-member)·상세 탭(pk-viewtabs)·헤더/푸터(pk-header/pk-footer)·옵션 패널(pk-quote)은 각자 더 좁은 선택자로 이미 덮여 있음. 토큰은 css/pk-brand.css :root
   ───────────────────────────────────────────────────────────── */

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

/* ── 버튼: 기본(검정 #333) → 잉크 ── */
.btn_ssmall,.btn_small,.btn_lsmall,.btn_medium,.btn_large{background:var(--pk-ink);border:1px solid var(--pk-ink);color:#fff !important}
.btn_ssmall:hover,.btn_small:hover,.btn_lsmall:hover,.btn_medium:hover,.btn_large:hover{background:var(--pk-graphite);border-color:var(--pk-graphite);color:#fff !important}
/* 주 버튼 .wset (PC 빨강 #de3833 / 모바일 보라 #441D7C) → 블루 */
.wset,.wset:active{background:var(--pk-blue) !important;border:1px solid var(--pk-blue) !important;color:#fff !important;font-weight:700}
.wset:hover{background:var(--pk-blue-ink) !important;border-color:var(--pk-blue-ink) !important;color:#fff !important}
.bx-wset,.bx-wset:hover{background:#fff !important;border:1px solid var(--pk-blue) !important;color:var(--pk-blue) !important}
/* 강조 .red(쿠폰 적용·비회원 구매 등 행동 버튼) → 블루. 삭제 계열 .bx-red 는 경고색 유지 */
.red,.red:active{background:var(--pk-blue) !important;border:1px solid var(--pk-blue) !important;color:#fff !important}
.red:hover{background:var(--pk-blue-ink) !important;border-color:var(--pk-blue-ink) !important;color:#fff !important}
.blue{background:var(--pk-blue);border-color:var(--pk-blue)}
.blue:hover{background:var(--pk-blue-ink);border-color:var(--pk-blue-ink)}
/* 보조 .grey → 콘크리트 바탕 + 잉크 글자 */
.grey,.grey:active{background:var(--pk-concrete) !important;border:1px solid var(--pk-concrete) !important;color:var(--pk-ink) !important}
.grey:hover{background:var(--pk-line) !important;border-color:var(--pk-line) !important;color:var(--pk-ink) !important}
.grey2{background:var(--pk-concrete);border-color:var(--pk-concrete);color:var(--pk-mute) !important}
/* 테두리 버튼 .bx-white / .bx-black → 흰 바탕 + hairline / 잉크 선 */
.bx-white,.bx-white:active{background:#fff !important;border:1px solid var(--pk-line) !important;color:var(--pk-ink) !important}
.bx-white:hover{background:#fff !important;border-color:var(--pk-ink) !important;color:var(--pk-ink) !important}
.bx-black{background:#fff !important;border:1px solid var(--pk-ink) !important;color:var(--pk-ink) !important}
.bx-black:hover{background:var(--pk-ink) !important;border-color:var(--pk-ink) !important;color:#fff !important}
.bx-grey{background:var(--pk-concrete) !important;border:1px solid var(--pk-line) !important;color:var(--pk-mute) !important}
.bx-grey:hover{background:var(--pk-line) !important;border-color:var(--pk-line) !important;color:var(--pk-ink) !important}
.bx-blue{background:#fff !important;border:1px solid var(--pk-blue) !important;color:var(--pk-blue) !important}
.bx-blue:hover{background:var(--pk-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(--pk-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(--pk-blue) !important;background-color:var(--pk-blue) !important}
input[type=checkbox],input[type=radio]{accent-color:var(--pk-blue)}

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

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