/* WineHub for companies (mu-plugin wh-business): volume prices on the wine page, the company fields, the company
   badge, the order's company, the invoice note and the /pentru-companii/ landing. Uses the theme's tokens. */

/* ---- volume prices in the buy box ---- */
.whco-tiers { margin: 0 0 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r-ctl); }
.whco-tiers table { width: 100%; margin: 0; border-collapse: collapse; font-size: .875rem; font-variant-numeric: tabular-nums; }
.whco-tiers caption { margin: 0 0 4px; text-align: left; font: 600 .8125rem/1.4 var(--font-text); color: var(--ink); }
.whco-tiers th, .whco-tiers td { padding: 5px 0; border: 0; border-top: 1px solid var(--line); background: none; text-align: left; font-weight: 500; color: var(--ink-2); }
.whco-tiers tr:first-child > * { border-top: 0; }
.whco-tiers td { padding-left: 10px; text-align: right; white-space: nowrap; }
.whco-tiers td.whco-tiers__pct { color: var(--ink); font-weight: 700; }
.whco-tiers .wh-meta { margin: 6px 0 0; font-size: .8125rem; }

/* ---- the company switch and fields (sign-up, My company) ---- */
.whco-reg { margin: 4px 0 14px; }
form .form-row.whco-switch label, .whco-switch label { display: flex; align-items: flex-start; gap: 10px; margin: 0; cursor: pointer; }
form .form-row.whco-switch { margin: 6px 0 10px; }
.whco-switch input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--ink); }
.whco-switch b { display: block; font-weight: 600; color: var(--ink); }
.whco-switch small { display: block; margin-top: 2px; color: var(--muted); font-size: .8125rem; line-height: 1.4; font-weight: 400; }
.whco-fields { display: none; margin: 4px 0 6px; padding: 12px 14px 2px; border-left: 2px solid var(--ink); border-radius: 0 var(--r-ctl) var(--r-ctl) 0; background: var(--soft); }
.whco-reg:has(#whco-on:checked) .whco-fields, .whco-form:has(#whco-on:checked) .whco-fields { display: block; }
form.register:has(input[name="role"][value="seller"]:checked) .whco-reg { display: none; }
.whco-fields .form-row { margin-bottom: 12px; }
.whco-fields input.input-text { background: #fff; }
.whco-help { display: block; margin-top: 4px; color: var(--muted); font-size: .8125rem; line-height: 1.4; }
.whco-form { max-width: 560px; margin-top: 14px; }
.whco-form > p:last-child { margin: 14px 0 0; }
.whco-account > .wh-meta + .whco-form + .wh-meta { margin-top: 12px; }

/* ---- "Company account" ---- */
.whco-badge__pill { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border-radius: 999px; background: var(--ink); color: #fff; font: 600 .75rem/1 var(--font-text); letter-spacing: .01em; white-space: nowrap; }
.whco-badge { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 12px; }
.whco-badge b { font-weight: 600; color: var(--ink); }
.whco-badge .wh-meta { font-variant-numeric: tabular-nums; }
.whco-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0 0 14px; padding: 10px 14px; border-radius: var(--r-ctl); background: #fff; box-shadow: var(--shadow-1); font-size: .9375rem; }
.whco-line a { color: var(--ink); text-underline-offset: 3px; }

/* ---- the order's company, the invoice note ---- */
.whco-co, .whco-pay { margin: 18px 0; }
.whco-co h2, .whco-pay h2 { margin: 0 0 8px; font-size: 1.125rem; }
.whco-dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 14px; margin: 0; font-size: .9375rem; }
.whco-dl dt { color: var(--muted); }
.whco-dl dd { margin: 0; overflow-wrap: anywhere; }
.whco-pay { padding: 16px 18px; border-radius: var(--r-card); background: #fff; box-shadow: var(--shadow-1); }
.whco-pay p { margin: 0; max-width: 64ch; }
.whco-pay p + p { margin-top: 10px; }
.whco-pay__bank { font-variant-numeric: tabular-nums; }
.whco-pay-desc { margin: 0; font-size: .875rem; color: var(--ink-2); }

/* ---- /pentru-companii/ ---- */
.wh-prose:has(.whco-land) { max-width: none; padding: 0; background: none; box-shadow: none; border-radius: 0; }
.whco-land { display: grid; gap: 16px; max-width: 1080px; }
.whco-land > * { margin: 0; }
.whco-land h2 { margin: 0; font-size: 1.125rem; line-height: 1.3; }
.whco-land p { margin: 0; }
.whco-land .whco-land__grid { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 700px) { .whco-land .whco-land__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.whco-land__card { display: grid; align-content: start; gap: 8px; padding: 20px; border-radius: var(--r-card); background: #fff; box-shadow: var(--shadow-1); }
.whco-land__card p { color: var(--ink-2); line-height: 1.5; }
.whco-land__ico { width: 28px; height: 28px; color: var(--ink); }
.whco-land__cta, .whco-land__bulk { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding: 20px; border-radius: var(--r-card); background: #fff; box-shadow: var(--shadow-1); }
.whco-land__cta { border-left: 3px solid var(--ink); }
.whco-land__cta > div, .whco-land__bulk > div { display: grid; gap: 6px; flex: 1 1 320px; }
.whco-land__cta p, .whco-land__bulk p { color: var(--ink-2); max-width: 60ch; }
@media (max-width: 699.98px) { .whco-land__cta .wh-pill, .whco-land__bulk .wh-pill { width: 100%; white-space: normal; } }