/* NMK B2B: wholesale UI in Noamy Kids concept 2 style (tokens from the theme's global.css). */

/* Prices on cards / PDP / WC price html */
.nmkb-price small{font-size:.72em;color:var(--ink-soft,#7A7A7A);letter-spacing:.04em;margin-left:2px}
.nmkb-consumer{display:block;font-family:var(--font-body,inherit);font-size:11.5px;line-height:1.4;color:var(--muted,#9C948E);letter-spacing:.02em;margin-top:2px}
.nmkb-consumer .woocommerce-Price-amount{color:inherit}
.card .price .nmkb-consumer{font-size:11px}

/* Notices */
.nmkb-notice{margin:0 0 24px;padding:16px 20px;border-radius:var(--r,3px);background:var(--blush-soft,#FBEEEC);border-left:2px solid var(--rose,#C8A094);color:var(--ink,#2F2824);font-size:15px}
.nmkb-notice--ok{background:#EEF3EE;border-left-color:var(--ok,#5B7F63)}
.nmkb-notice--error{background:#F8ECEA;border-left-color:var(--sale,#B4544A)}
.nmkb-notice ul{margin:0;padding-left:18px}
.nmkb-notice a{text-decoration:underline}
.nmkb-muted{color:var(--ink-soft,#7A7A7A)}

/* /wholesale intro + form */
.nmkb-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}
.nmkb-intro h2{font-size:clamp(22px,2.4vw,30px)}
.nmkb-intro__steps{position:sticky;top:calc(var(--hdr-h,92px) + 24px)}
.nmkb-steps{list-style:none;counter-reset:nmkb;margin:24px 0 32px;padding:0}
.nmkb-steps li{counter-increment:nmkb;position:relative;padding:0 0 18px 52px;margin:0 0 18px;border-bottom:1px solid var(--line,#EDE6DE)}
.nmkb-steps li::before{content:counter(nmkb,decimal-leading-zero);position:absolute;left:0;top:-2px;font-family:var(--font-head,inherit);font-size:13px;letter-spacing:var(--track,.18em);color:var(--rose-dark,#AC8073)}
.nmkb-login a{color:var(--rose-dark,#AC8073);text-decoration:underline}
.nmkb-intro__form{background:var(--cream,#F6F4EC);border-radius:var(--r-lg,6px);padding:clamp(24px,4vw,48px)}
.nmkb-form .nmkb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 18px;margin:20px 0 18px}
.nmkb-field{margin:0;grid-column:span 6}
.nmkb-field--half{grid-column:span 3}
.nmkb-field--third{grid-column:span 2}
.nmkb-field label{display:block;font-size:12px;letter-spacing:.06em;margin:0 0 6px;color:var(--ink,#2F2824)}
.nmkb-field label span{color:var(--rose-dark,#AC8073)}
.nmkb-field input,.nmkb-field select,.nmkb-field textarea{width:100%;font:inherit;font-size:15px;padding:13px 14px;border:1px solid var(--line,#EDE6DE);border-radius:var(--r,3px);background:#fff;color:var(--ink,#2F2824)}
.nmkb-field input:focus,.nmkb-field select:focus,.nmkb-field textarea:focus{outline:none;border-color:var(--rose,#C8A094);box-shadow:0 0 0 3px rgba(200,160,148,.18)}
.nmkb-check{font-size:14px;margin:0 0 22px}
.nmkb-check input{margin-right:8px;accent-color:var(--rose,#C8A094)}
.nmkb-check a{text-decoration:underline}

/* Portal */
.nmkb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 clamp(36px,5vw,64px)}
.nmkb-tile{display:flex;flex-direction:column;gap:4px;padding:24px;border:1px solid var(--line,#EDE6DE);border-radius:var(--r-lg,6px);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.nmkb-tile:hover{border-color:var(--rose-soft,#E4CCC4);box-shadow:var(--shadow);transform:translateY(-2px)}
.nmkb-tile .eyebrow{margin:0 0 6px}
.nmkb-tile strong{font-family:var(--font-head,inherit);font-weight:400;font-size:20px;line-height:1.25}
.nmkb-tile span:last-child{font-size:13px;color:var(--ink-soft,#7A7A7A)}
.nmkb-tile--main{background:var(--blush-soft,#FBEEEC);border-color:var(--blush,#F4D8D4)}
.nmkb-portal__cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.nmkb-portal h2{font-size:clamp(20px,2vw,26px)}
.nmkb-table{width:100%;border-collapse:collapse;font-size:14.5px}
.nmkb-table th{font-family:var(--font-head,inherit);font-weight:400;font-size:10.5px;letter-spacing:var(--track,.18em);text-transform:uppercase;color:var(--ink-soft,#7A7A7A);text-align:left;padding:0 10px 10px 0;border-bottom:1px solid var(--line,#EDE6DE)}
.nmkb-table td{padding:12px 10px 12px 0;border-bottom:1px solid var(--line-soft,#F5F1EB)}
.nmkb-table .num{text-align:right;padding-right:0}
.nmkb-table a{text-decoration:underline}
.nmkb-card{background:var(--cream,#F6F4EC);border-radius:var(--r-lg,6px);padding:24px 26px}
.nmkb-card h3{font-size:18px}
.nmkb-list{margin:0;padding-left:18px;font-size:14.5px}
.nmkb-list li{margin:0 0 8px}

/* Quick order */
.nmkb-quick__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 24px;padding:14px;background:var(--cream,#F6F4EC);border-radius:var(--r-lg,6px);position:sticky;top:calc(var(--hdr-h,92px) + 8px);z-index:20}
.nmkb-quick__search{flex:1 1 280px}
.nmkb-quick__bar input[type=search],.nmkb-quick__bar select{width:100%;font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--line,#EDE6DE);border-radius:var(--r,3px);background:#fff}
.nmkb-quick__cat{flex:0 1 260px}
.nmkb-quick__stock{font-size:13.5px;white-space:nowrap}
.nmkb-quick__stock input{accent-color:var(--rose,#C8A094);margin-right:6px}
.nmkb-quick__list.is-loading{opacity:.5;pointer-events:none}
.nmkb-prod{border:1px solid var(--line,#EDE6DE);border-radius:var(--r-lg,6px);margin:0 0 14px;background:#fff;overflow:hidden}
.nmkb-prod__head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 16px 12px 12px;border-bottom:1px solid var(--line-soft,#F5F1EB)}
.nmkb-prod__img img{width:64px;height:80px;object-fit:cover;border-radius:var(--r,3px);background:var(--sand,#EFE7DC)}
.nmkb-prod__meta h3{font-size:16px;margin:0 0 2px;line-height:1.3}
.nmkb-prod__meta .nmkb-consumer{display:inline-block;margin:0 10px 0 0}
.nmkb-rule{display:inline-block;font-size:11.5px;color:var(--rose-dark,#AC8073);letter-spacing:.02em}
.nmkb-rows{width:100%;border-collapse:collapse;font-size:14px}
.nmkb-rows td{padding:9px 16px;border-top:1px solid var(--line-soft,#F5F1EB);vertical-align:middle}
.nmkb-rows tr:first-child td{border-top:0}
.nmkb-row__label small{color:var(--muted,#9C948E);margin-left:6px;font-size:11.5px}
.nmkb-row__stock{width:140px;color:var(--ok,#5B7F63);font-size:12.5px}
.nmkb-row__price{width:130px;text-align:right;font-family:var(--font-head,inherit);white-space:nowrap}
.nmkb-row__qty{width:110px;text-align:right}
.nmkb-row.is-out{color:var(--muted,#9C948E)}
.nmkb-sold{font-size:12px;color:var(--muted,#9C948E);text-transform:uppercase;letter-spacing:.12em}
.nmkb-qty{width:76px;font:inherit;font-size:15px;padding:8px 10px;text-align:center;border:1px solid var(--line,#EDE6DE);border-radius:var(--r,3px);background:#fff}
.nmkb-qty:focus{outline:none;border-color:var(--rose,#C8A094)}
.nmkb-qty.has-qty{border-color:var(--rose,#C8A094);background:var(--blush-soft,#FBEEEC)}
.nmkb-prod__add.is-done{background:var(--ok,#5B7F63)}
.nmkb-quick__more{text-align:center;margin:20px 0}
.nmkb-quick__sum{position:sticky;bottom:12px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px 12px 20px;background:var(--ink,#2F2824);color:#fff;border-radius:var(--r-lg,6px);box-shadow:0 8px 28px rgba(47,40,36,.18)}
.nmkb-quick__sum small{opacity:.7}
.nmkb-quick__sum .woocommerce-Price-amount{color:#fff}
.nmkb-quick__msg{min-height:1.5em;margin:12px 0 0;font-size:14px;color:var(--ok,#5B7F63)}
.nmkb-quick__msg.is-error{color:var(--sale,#B4544A)}

/* Checkout */
.nmkb-reverse-charge th,.nmkb-reverse-charge td{color:var(--ok,#5B7F63)}

@media (max-width:1024px){
	.nmkb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nmkb-portal__cols{grid-template-columns:1fr}
}
@media (max-width:860px){
	.nmkb-intro{grid-template-columns:1fr}
	.nmkb-intro__steps{position:static}
}
@media (max-width:600px){
	.nmkb-field--half,.nmkb-field--third{grid-column:span 6}
	.nmkb-tiles{grid-template-columns:1fr}
	.nmkb-quick__bar{position:static}
	.nmkb-prod__head{grid-template-columns:52px minmax(0,1fr);}
	.nmkb-prod__img img{width:52px;height:66px}
	.nmkb-prod__add{grid-column:1 / -1;width:100%}
	.nmkb-rows td{padding:8px 12px}
	.nmkb-row__stock{display:none}
	.nmkb-row__price{width:auto}
	.nmkb-row__qty{width:84px}
	.nmkb-qty{width:64px}
}
@media (prefers-reduced-motion:reduce){.nmkb-tile{transition:none}.nmkb-tile:hover{transform:none}}
