/* One transparent wordmark across the storefront, checkout, documents and CMS. */
.vekstore-mark{display:block;width:200px;max-width:100%;height:auto;object-fit:contain;background:transparent}
.header .logo .vekstore-mark,.footer-main .logo .vekstore-mark{width:100%}
.footer-main .logo.light{padding:0;background:transparent;border-radius:0}
.footer-main .logo.light .vekstore-mark,.cms aside .admin-logo .vekstore-mark,.policy-layout>aside>.vekstore-mark{filter:brightness(0) invert(1)}
.cms aside .admin-logo{background:transparent;border:0;box-shadow:none}
.cms aside .admin-logo .vekstore-mark{width:100%;height:auto}
.breadcrumb .vekstore-mark{display:inline-block;width:112px;vertical-align:middle;margin-right:8px}
.brand:has(>.vekstore-mark){display:inline-block;line-height:0;letter-spacing:normal}
.sp-login-brand>a,.blogger-login .sp-login-brand>a{background:transparent;padding:0;border-radius:0}
.sp-login-brand>a .vekstore-mark{width:220px;height:auto;filter:brightness(0) invert(1)}
.blogger-login .sp-login-brand>a .vekstore-mark{background:transparent;padding:0;border-radius:0;filter:none}
.policy-layout>aside>.vekstore-mark{width:190px;margin-bottom:28px}
.invoice-brand .vekstore-mark{width:190px}
@media(max-width:600px){.brand>.vekstore-mark{width:155px}.breadcrumb .vekstore-mark{width:92px}}

/* Product barcode before brand across storefront and CMS */
.vek-barcode{display:inline-flex;align-items:center;gap:3px;width:max-content;max-width:100%;padding:4px 7px;margin:0 0 6px;border:1px solid #a7c9c2;border-radius:6px;background:#edf7f3;color:#1b544a;font:700 12px/1.25 ui-monospace,SFMono-Regular,monospace;letter-spacing:.02em;overflow-wrap:anywhere}.vek-barcode small{font:800 9px/1 Arial,sans-serif;letter-spacing:.1em;color:#527a70;margin-right:4px}.vek-barcode b{padding:2px 4px;border-radius:3px;background:#0b5b50;color:#fff;font-size:14px;letter-spacing:.04em}.product>.vek-barcode,.cart-product-info>.vek-barcode,.detail-copy>.vek-barcode,.product-cell .vek-barcode,.order-product-name .vek-barcode{display:flex}.product-cell>div{display:grid;justify-items:start;gap:3px}.product-cell>div>b{display:block}.product>.vek-barcode{margin-top:10px}.cart-product-info>.vek-barcode{margin-bottom:5px}.detail-copy>.vek-barcode{margin-top:12px}.order-product-name .vek-barcode{margin-bottom:4px}#inventoryRows .vek-barcode,#inventoryIssues .vek-barcode{display:inline-flex;margin-right:5px}#inventoryRows td>strong,#inventoryIssues td>strong{display:block}.wh-line-heading h3 .vek-barcode{flex-shrink:0;margin:0}.wh-line-heading h3{flex-wrap:wrap;align-items:center}

.mobile-product article>.vek-barcode,.editor-preview>.vek-barcode{display:flex;margin:8px 0}.mobile-product article>small{display:block}

/* Keep customer-facing barcode understated; the strong chip is for CMS work. */
.product>.vek-barcode,.cart-product-info>.vek-barcode,.detail-copy>.vek-barcode,.mobile-product article>.vek-barcode{border:0;background:none;padding:0;color:#617670;font:400 11px/1.4 ui-monospace,SFMono-Regular,monospace}.product>.vek-barcode small,.cart-product-info>.vek-barcode small,.detail-copy>.vek-barcode small,.mobile-product article>.vek-barcode small{font:400 10px/1.4 Arial,sans-serif;color:inherit}.product>.vek-barcode b,.cart-product-info>.vek-barcode b,.detail-copy>.vek-barcode b,.mobile-product article>.vek-barcode b{background:none;color:inherit;font-size:inherit;font-weight:400;padding:0}
