/* wrk. on Salla: what the storefront files (store.css) don't cover. Salla's own pages (cart, account, plain pages)
   and Salla's web components get the same paper, ink and black pill. Tokens are in store.css (00-core.css). */
body.wrk{background:var(--paper)!important;color:var(--ink);font-family:var(--f-body)}
body.wrk .app-inner{background:var(--paper)}
:root{--font-main:"Readex Pro";--color-primary:#101011;--color-primary-dark:#000;--color-primary-light:#2a2a2d;--color-primary-reverse:#F3F2EE}
body.wrk .ch-hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
body.wrk #main-content{flex:1 0 auto}
body.wrk .s-button-primary,body.wrk salla-add-product-button .s-button-primary{background:var(--black)!important;color:var(--on-black)!important;border-radius:999px!important}
body.wrk .bg-white{background:var(--stock)!important}
body.wrk .breadcrumbs{font-size:12px;color:var(--mute)}
.wrk-legal{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-block:14px 28px;font-size:12px;color:var(--mute)}
.wrk-legal salla-payments{filter:grayscale(1);opacity:.7}
.wrk-legal salla-menu a{color:var(--mute)}