*/
.b2b-registration-fields {
border: 1px solid var(--c-border) !important;
border-top: 3px solid var(--c-primary) !important;
border-radius: var(--r-lg) !important;
background: #fff !important;
padding: var(--s-6) !important;
margin: var(--s-5) 0 !important;
box-shadow: var(--sh-sm);
}
.b2b-registration-fields h3 {
color: var(--c-fg-1) !important;
font-size: 18px !important;
margin: 0 0 var(--s-2) !important;
padding-left: var(--s-3);
border-left: 4px solid var(--c-primary);
line-height: 1.3;
}
.b2b-registration-fields > p {
color: var(--c-fg-3) !important;
font-size: 13px !important;
margin: 0 0 var(--s-4) !important;
}
.b2b-registration-fields .form-row { margin-bottom: var(--s-3); }
.b2b-registration-fields input {
border: 1px solid var(--c-border);
border-radius: var(--r-sm);
padding: 10px 12px;
font-size: 14px;
width: 100%;
}
.b2b-registration-fields input:focus {
outline: none;
border-color: var(--c-primary);
box-shadow: 0 0 0 2px var(--c-primary-tint);
}
.b2b-registration-fields .required { color: var(--c-danger); }
/* ── 가격 뱃지 (등급별 할인) ── */
/* 플러그인:
*/
.b2b-discount-badge {
color: var(--c-success) !important;
font-size: 12px !important;
font-weight: 700 !important;
display: inline-block;
margin-top: 4px;
padding: 2px 8px;
background: var(--c-success-bg, #e8f5ee);
border-radius: var(--r-xs);
letter-spacing: 0.02em;
}
/* ── 로그인 필요 / 가격문의 ── */
.b2b-login-to-see-price {
color: var(--c-primary) !important;
font-weight: 700 !important;
text-decoration: none;
font-size: 14px;
}
.b2b-login-to-see-price:hover { text-decoration: underline; }
.b2b-login-notice {
background: var(--c-primary-softer) !important;
border-left: 4px solid var(--c-primary) !important;
border-radius: var(--r-sm) !important;
padding: var(--s-4) var(--s-5) !important;
margin: var(--s-4) 0 !important;
color: var(--c-fg-1);
}
.b2b-login-notice p { margin: 0 0 8px; font-size: 14px; line-height: 1.6; }
.b2b-login-notice p:last-child { margin-bottom: 0; }
.b2b-login-notice a { color: var(--c-primary); font-weight: 600; }
/* "가격문의" 라벨/버튼 */
.b2b-price-inquiry-label {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--c-primary) !important;
font-weight: 700 !important;
font-size: 15px !important;
letter-spacing: -0.01em;
}
.b2b-price-inquiry-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
background: var(--c-primary) !important;
color: #fff !important;
border: 0 !important;
padding: 8px 14px !important;
border-radius: var(--r-sm) !important;
font-size: 13px !important;
font-weight: 600 !important;
transition: background 150ms ease;
}
.b2b-price-inquiry-btn:hover { background: var(--c-primary-hover) !important; }
/* ── 장바구니 "견적 요청" 버튼 + 폼 ── */
/* 플러그인: #b2b-request-quote (초록 버튼), #b2b-quote-form (회색 배경 박스) */
#b2b-request-quote {
background: var(--c-primary-softer) !important;
border: 1px solid var(--c-primary) !important;
color: var(--c-primary) !important;
font-weight: 700;
padding: 14px !important;
border-radius: var(--r-sm);
width: 100%;
cursor: pointer;
margin-top: var(--s-3);
transition: background 150ms ease;
}
#b2b-request-quote:hover { background: var(--c-primary-tint) !important; }
#b2b-quote-form {
background: #fff !important;
border: 1px solid var(--c-border) !important;
border-radius: var(--r-md) !important;
padding: var(--s-5) !important;
margin-top: var(--s-3);
}
#b2b-quote-form h4 {
margin: 0 0 var(--s-3) !important;
font-size: 15px;
color: var(--c-fg-1);
}
#b2b-quote-note {
border: 1px solid var(--c-border);
border-radius: var(--r-sm);
padding: 10px 12px;
font-size: 14px;
resize: vertical;
}
#b2b-submit-quote {
background: var(--c-primary) !important;
color: #fff !important;
border: 0 !important;
padding: 10px 20px !important;
border-radius: var(--r-sm);
font-weight: 600;
}
#b2b-submit-quote:hover { background: var(--c-primary-hover) !important; }
#b2b-cancel-quote {
background: transparent !important;
color: var(--c-fg-3) !important;
border: 1px solid var(--c-border) !important;
padding: 10px 16px !important;
border-radius: var(--r-sm);
}
/* ── 견적요청 숏코드 폼 (.b2b-qf-*) ── */
.b2b-qf { max-width: 960px; margin: 0 auto; }
.b2b-qf-info {
background: var(--c-surface-alt) !important;
border: 1px solid var(--c-border) !important;
border-radius: var(--r-lg) !important;
padding: var(--s-5) !important;
gap: var(--s-4) !important;
}
.b2b-qf-info label {
font-size: 12px !important;
font-weight: 700 !important;
color: var(--c-fg-3) !important;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.b2b-qf-info input {
border: 1px solid var(--c-border) !important;
border-radius: var(--r-sm) !important;
padding: 10px 12px !important;
font-size: 14px !important;
background: #fff;
font-variant-numeric: tabular-nums;
}
.b2b-qf-info input[readonly] { background: var(--c-bg); color: var(--c-fg-2); }
.b2b-qf-search input {
border: 1px solid var(--c-border) !important;
border-radius: var(--r-md) !important;
font-size: 15px !important;
padding: 12px 15px 12px 40px !important;
}
.b2b-qf-search input:focus {
outline: none;
border-color: var(--c-primary) !important;
box-shadow: 0 0 0 2px var(--c-primary-tint);
}
.b2b-qf-results {
border: 1px solid var(--c-border) !important;
border-radius: var(--r-md) !important;
box-shadow: var(--sh-md) !important;
max-height: 280px !important;
}
.b2b-qf-results .item { padding: 12px 16px !important; transition: background 120ms ease; }
.b2b-qf-results .item:hover { background: var(--c-primary-softer) !important; }
.b2b-qf-results .item .name { font-weight: 600; color: var(--c-fg-1); }
.b2b-qf-results .item .sku { font-size: 12px; color: var(--c-fg-3); font-variant-numeric: tabular-nums; }
.b2b-qf-results .item .price { color: var(--c-primary) !important; font-weight: 700 !important; font-variant-numeric: tabular-nums; }
.b2b-qf-table {
border: 1px solid var(--c-border);
border-radius: var(--r-lg);
overflow: hidden;
}
.b2b-qf-table th {
background: var(--c-primary-softer) !important;
color: var(--c-primary) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.02em;
padding: var(--s-3) var(--s-4) !important;
border-bottom: 1px solid var(--c-primary-tint);
}
.b2b-qf-table td {
padding: var(--s-3) var(--s-4) !important;
font-size: 14px !important;
font-variant-numeric: tabular-nums;
color: var(--c-fg-1);
}
.b2b-qf-table tr:hover { background: var(--c-surface-alt) !important; }
.b2b-qf-table .qty-input {
border: 1px solid var(--c-border) !important;
border-radius: var(--r-xs) !important;
padding: 6px 8px !important;
font-size: 14px;
text-align: center;
font-variant-numeric: tabular-nums;
}
.b2b-qf-table .remove-btn {
color: var(--c-danger) !important;
transition: background 120ms ease;
}
.b2b-qf-table .remove-btn:hover { background: var(--c-danger-bg) !important; border-radius: var(--r-xs); }
.b2b-qf-empty {
color: var(--c-fg-3) !important;
background: var(--c-bg);
border-radius: var(--r-md);
}
.b2b-qf-total {
border-top: 2px solid var(--c-primary) !important;
padding: var(--s-4) 0 !important;
font-size: 16px !important;
color: var(--c-fg-1);
}
.b2b-qf-total .amount {
color: var(--c-primary) !important;
font-size: 24px !important;
font-weight: 700 !important;
font-variant-numeric: tabular-nums;
}
.b2b-qf-note { display: block; }
.b2b-qf-note label { display: block; font-size: 13px; font-weight: 700; color: var(--c-fg-1); margin-bottom: 6px; }
.b2b-qf-note textarea {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
border: 1px solid var(--c-border) !important;
border-radius: var(--r-md) !important;
padding: 12px !important;
font-size: 14px !important;
font-family: inherit;
}
.b2b-qf-note textarea:focus {
outline: none;
border-color: var(--c-primary) !important;
box-shadow: 0 0 0 2px var(--c-primary-tint);
}
.b2b-qf-submit { text-align: center !important; margin-top: var(--s-5) !important; }
.b2b-qf-submit button {
background: var(--c-primary) !important;
color: #fff !important;
border: 0 !important;
font-weight: 700 !important;
font-size: 15px !important;
border-radius: var(--r-sm) !important;
cursor: pointer;
padding: 14px 50px !important;
border-radius: var(--r-md) !important;
font-size: 16px !important;
font-weight: 700 !important;
transition: background 150ms ease, transform 80ms ease;
}
.b2b-qf-submit button:hover { background: var(--c-primary-hover) !important; }
.b2b-qf-submit button:active { transform: translateY(1px); }
.b2b-qf-submit button:disabled { background: var(--c-fg-3) !important; opacity: 0.6; }
.b2b-qf-msg {
border-radius: var(--r-md) !important;
padding: var(--s-4) var(--s-5) !important;
font-size: 14px !important;
font-weight: 500;
}
.b2b-qf-msg.success { background: var(--c-success-bg) !important; color: var(--c-success-text, #155724) !important; border-left: 4px solid var(--c-success); }
.b2b-qf-msg.error { background: var(--c-danger-bg) !important; color: var(--c-danger-text) !important; border-left: 4px solid var(--c-danger); }
/* "장바구니에서 가져오기" 버튼 */
#b2b-qf-import-cart {
background: #fff !important;
color: var(--c-primary) !important;
border: 1px solid var(--c-primary) !important;
border-radius: var(--r-md) !important;
padding: 12px 20px !important;
font-weight: 600 !important;
transition: background 150ms ease;
}
#b2b-qf-import-cart:hover { background: var(--c-primary-softer) !important; }
/* ── 견적 상태 뱃지 (마이페이지·관리자) ── */
/* 플러그인이 인라인 스타일로 배경/글자색을 찍지만, class 있으면 덮을 수 있음.
플러그인은 span에 클래스 없이 inline style만 주므로 status별 attr 선택자로 매칭 */
.woocommerce-MyAccount-content .woocommerce-orders-table [style*="background:#fff3cd"],
.woocommerce-MyAccount-content .woocommerce-orders-table [style*="background:#cce5ff"],
.woocommerce-MyAccount-content .woocommerce-orders-table [style*="background:#d4edda"],
.woocommerce-MyAccount-content .woocommerce-orders-table [style*="background:#f8d7da"],
.woocommerce-MyAccount-content .woocommerce-orders-table [style*="background:#e2e3e5"] {
display: inline-block !important;
padding: 4px 10px !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.02em;
}
/* ── 마이페이지 사업자 정보 대시보드 블록 ── */
/* 플러그인: (승인 대기) / #d4edda (승인) */
.woocommerce-MyAccount-content > div[style*="background:#fff3cd"] {
background: var(--c-warning-bg) !important;
border-left: 4px solid var(--c-warning) !important;
border-radius: var(--r-md) !important;
padding: var(--s-5) !important;
}
.woocommerce-MyAccount-content > div[style*="background:#d4edda"] {
background: var(--c-success-bg) !important;
border-left: 4px solid var(--c-success) !important;
border-radius: var(--r-md) !important;
padding: var(--s-5) !important;
}
.woocommerce-MyAccount-content > div[style*="background:#fff3cd"] p,
.woocommerce-MyAccount-content > div[style*="background:#d4edda"] p {
margin: 0 0 6px;
font-size: 14px;
line-height: 1.6;
color: var(--c-fg-1);
}
/* ──────────────────────────────────────────────────────────────
* Product grid + cards (WooCommerce loop)
* Overrides WC default [products] shortcode styles which use
* float + 22.05% width.
* ────────────────────────────────────────────────────────────── */
/* Grid — flatten WC defaults, use CSS grid (override WC columns-N width) */
.woocommerce ul.products.bsmt-product-grid,
.woocommerce-page ul.products.bsmt-product-grid,
ul.products.bsmt-product-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: var(--s-5) !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.woocommerce ul.products.bsmt-product-grid::before,
.woocommerce ul.products.bsmt-product-grid::after,
ul.products.bsmt-product-grid::before,
ul.products.bsmt-product-grid::after { content: none !important; display: none !important; }
.woocommerce ul.products.bsmt-product-grid li.product,
.woocommerce-page ul.products.bsmt-product-grid li.product,
ul.products.bsmt-product-grid li.product,
ul.products.bsmt-product-grid li.product.first,
ul.products.bsmt-product-grid li.product.last {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
float: none !important;
clear: none !important;
padding: 0 !important;
}
@media (max-width: 1024px) {
.woocommerce ul.products.bsmt-product-grid,
ul.products.bsmt-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 768px) {
.woocommerce ul.products.bsmt-product-grid,
ul.products.bsmt-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--s-4) !important; }
}
@media (max-width: 420px) {
.woocommerce ul.products.bsmt-product-grid,
ul.products.bsmt-product-grid { grid-template-columns: 1fr !important; }
}
/* Card */
.bsmt-product-card {
display: flex;
flex-direction: column;
background: var(--c-surface);
border: 1px solid var(--c-border);
border-radius: var(--r-md);
overflow: hidden;
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
position: relative;
}
.bsmt-product-card:hover {
border-color: var(--c-primary-tint);
box-shadow: var(--sh-md);
transform: translateY(-1px);
}
.product-card-link {
display: block;
color: inherit;
text-decoration: none;
}
.product-card-link:hover { text-decoration: none; color: inherit; }
/* Image */
.product-card-image {
position: relative;
aspect-ratio: 1 / 1;
background: var(--c-surface-alt);
overflow: hidden;
}
.product-card-image .product-card-img,
.product-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .3s ease;
}
.bsmt-product-card:hover .product-card-image img { transform: scale(1.03); }
.product-card-image .image-placeholder {
width: 100%; height: 100%;
display: flex; align-items: center; justify-content: center;
font-size: 48px;
color: var(--c-fg-4);
}
/* Badges / flags on image */
.product-card-badge {
position: absolute;
top: var(--s-2);
left: var(--s-2);
background: rgba(0,0,0,.7);
color: #fff;
font-size: 11px;
font-weight: 600;
padding: 3px 8px;
border-radius: var(--r-sm);
letter-spacing: .02em;
}
.product-card-flag {
position: absolute;
top: var(--s-2);
right: var(--s-2);
font-size: 11px;
font-weight: 700;
padding: 3px 8px;
border-radius: var(--r-sm);
letter-spacing: .02em;
color: #fff;
}
.product-card-flag--sale { background: var(--c-danger); }
.product-card-flag--oos { background: var(--c-fg-3); }
/* Body */
.product-card-body {
padding: var(--s-4);
display: flex;
flex-direction: column;
gap: var(--s-2);
flex: 1;
}
.product-card-sku {
font-size: 11px;
color: var(--c-fg-4);
font-family: var(--font-mono);
letter-spacing: .02em;
}
.product-card-title {
margin: 0;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: var(--c-fg-1);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(15px * 1.4 * 2);
}
.product-card-title a { color: inherit; text-decoration: none; }
.product-card-title a:hover { color: var(--c-primary); }
.product-card-meta {
display: flex;
flex-wrap: wrap;
gap: var(--s-3);
font-size: 12px;
color: var(--c-fg-3);
}
.product-card-meta > span { display: inline-flex; align-items: center; gap: 4px; }
.product-card-meta i { width: 14px; height: 14px; }
.product-card-stock--in { color: var(--c-success-text); }
.product-card-stock--back { color: var(--c-warning-text); }
.product-card-price-block {
margin-top: auto;
padding-top: var(--s-2);
}
.product-card-price-row {
display: flex;
align-items: baseline;
gap: var(--s-2);
flex-wrap: wrap;
}
.product-card-price {
font-size: 18px;
font-weight: 700;
color: var(--c-fg-1);
}
.product-card-price--poa {
color: var(--c-primary);
font-size: 16px;
}
.product-card-price-strike {
font-size: 13px;
color: var(--c-fg-4);
text-decoration: line-through;
}
.product-card-price-disc {
font-size: 12px;
font-weight: 700;
color: var(--c-danger);
background: var(--c-danger-bg);
padding: 2px 6px;
border-radius: var(--r-sm);
}
.product-card-price-note {
font-size: 11px;
color: var(--c-fg-4);
margin-top: 2px;
}
/* Actions */
.product-card-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--s-2);
margin-top: var(--s-3);
}
.product-card-actions .btn--block { grid-column: 1 / -1; }
.product-card-actions .btn { justify-content: center; }
/* Out of stock dim */
.bsmt-product-card.outofstock .product-card-image img { opacity: .55; filter: grayscale(.3); }