/* BMP Pay — 체크아웃 결제수단 스타일 (클래식 + Blocks 공용). 테마가 덮어쓸 수 있도록 변수와 낮은 특이성 사용. */
:root{
  --bmp-pay-radius:12px;
  --bmp-pay-border:#e2e3e8;
  --bmp-pay-border-active:#111214;
  --bmp-pay-bg:#fff;
  --bmp-pay-bg-active:#f7f7f9;
  --bmp-pay-text:#1d1e22;
  --bmp-pay-muted:#6b6c73;
}

/* 아이콘 공통 */
.wc_payment_methods .payment_method_bmp_pay_card img,
.wc_payment_methods [class*="payment_method_bmp_pay_"] img,
.bmp-pay-blocks__icon{height:26px;width:auto;max-width:48px;vertical-align:middle;border-radius:6px;float:none!important;margin:0 0 0 8px}
.bmp-pay-blocks__label{display:inline-flex;align-items:center;gap:8px}
.bmp-pay-blocks__label .bmp-pay-blocks__icon{margin:0;order:-1}
.bmp-pay-blocks__description{margin:4px 0 0;color:var(--bmp-pay-muted);font-size:.93em}

/* 카드형 그리드 (body.bmp-pay-grid 일 때만) — 클래식 체크아웃 */
body.bmp-pay-grid ul.wc_payment_methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:0 0 16px;list-style:none}
@media (min-width:640px){body.bmp-pay-grid ul.wc_payment_methods{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.bmp-pay-grid ul.wc_payment_methods::before,body.bmp-pay-grid ul.wc_payment_methods::after{content:none!important;display:none!important}
body.bmp-pay-grid ul.wc_payment_methods>li{margin:0;position:relative}
body.bmp-pay-grid ul.wc_payment_methods>li>input.input-radio{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body.bmp-pay-grid ul.wc_payment_methods>li>label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:74px;padding:14px 10px;border:1.5px solid var(--bmp-pay-border);border-radius:var(--bmp-pay-radius);background:var(--bmp-pay-bg);color:var(--bmp-pay-text);font-weight:600;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;margin:0;line-height:1.25}
body.bmp-pay-grid ul.wc_payment_methods>li>label img{margin:0;order:-1;height:28px}
body.bmp-pay-grid ul.wc_payment_methods>li>label:hover{border-color:#b9bac2}
body.bmp-pay-grid ul.wc_payment_methods>li>input.input-radio:checked+label,
body.bmp-pay-grid ul.wc_payment_methods>li:has(input.input-radio:checked)>label{border-color:var(--bmp-pay-border-active);background:var(--bmp-pay-bg-active);box-shadow:0 0 0 1px var(--bmp-pay-border-active) inset}
body.bmp-pay-grid ul.wc_payment_methods>li>input.input-radio:focus-visible+label{outline:2px solid #2f6fed;outline-offset:2px}
/* 설명 박스: checkout.js 가 li 밖(.bmp-pay-boxes)으로 옮겨 그리드 아래 전체 폭에 보여준다. WC 의 표시/숨김 JS 는 클래스 선택자라 그대로 동작. */
body.bmp-pay-grid .bmp-pay-boxes{margin:0 0 16px}
body.bmp-pay-grid #payment .bmp-pay-boxes div.payment_box,body.bmp-pay-grid .bmp-pay-boxes div.payment_box{margin:0;padding:12px 14px;border-radius:10px;background:var(--bmp-pay-bg);border:1px solid var(--bmp-pay-border);color:var(--bmp-pay-muted);font-size:.93em}
body.bmp-pay-grid #payment .bmp-pay-boxes div.payment_box::before,body.bmp-pay-grid .bmp-pay-boxes div.payment_box::before{display:none;content:none}
body.bmp-pay-grid .bmp-pay-boxes .payment_box p:last-child{margin-bottom:0}
body.bmp-pay-grid ul.wc_payment_methods>li>.payment_box{display:none}
/* 그리드 밖의 다른 게이트웨이(무통장 등)는 전체 폭 */
body.bmp-pay-grid ul.wc_payment_methods>li:not([class*="payment_method_bmp_pay_"]){grid-column:1/-1}
body.bmp-pay-grid ul.wc_payment_methods>li:not([class*="payment_method_bmp_pay_"])>label{flex-direction:row;justify-content:flex-start;min-height:0}

/* 안내 문구 */
.bmp-pay-method-note{margin:6px 0 0;color:var(--bmp-pay-muted);font-size:.9em}

/* 토스 결제위젯 */
.bmp-pay-toss-widget{margin:8px 0 16px;width:100%;flex:0 0 100%;box-sizing:border-box}
.bmp-pay-toss-widget__methods,.bmp-pay-toss-widget__agreement,.bmp-pay-toss-widget__desc,.bmp-pay-toss-widget__status{max-width:760px;margin-left:auto;margin-right:auto}
/* 테마가 place-order 를 가로 flex 로 잡아도 위젯이 한 줄을 다 차지해 버튼은 그 아래로 내려간다 */
.place-order:has(.bmp-pay-toss-widget){flex-wrap:wrap}
.bmp-pay-toss-widget__desc{margin:0 0 10px;color:var(--bmp-pay-muted);font-size:.93em}
.bmp-pay-toss-widget__methods{min-height:120px}
.bmp-pay-toss-widget__status{min-height:1.4em;margin:6px 0 0;color:var(--bmp-pay-muted);font-size:.9em}
.bmp-pay-toss-widget__status.is-error{color:#b91c1c}
body ul.wc_payment_methods.bmp-pay-widget-solo,#payment ul.payment_methods.bmp-pay-widget-solo{display:none!important}