/* The cart (index.html .floating-bag): a line cart with two wheels, no disc behind it. Muted at rest, bright with a soft
   glow on hover, focus and press; the count only when something is in it: a filled disc at rest, a ringed one when lit.
   Dark surroundings (the tunnel, the dark shop) get the light cart; the white entrance and the light shop a dark one. */
.floating-bag,body[data-shopping=true] .floating-bag{--cart:#a89f90;--cart-on:#f6f1e8;--glow:#fff3e070;--badge:#e3d9c8;--badge-ink:#1a1816;--badge-on:#141412;
  width:52px;height:52px;padding:0;border:0;border-radius:14px;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--cart);
  -webkit-tap-highlight-color:transparent;transition:color .18s ease,filter .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.floating-bag .cart-icon{display:block;width:34px;height:auto;overflow:visible}
@media(hover:hover){.floating-bag:hover{color:var(--cart-on);filter:drop-shadow(0 0 6px var(--glow))}}
.floating-bag:focus-visible{outline:none;color:var(--cart-on);filter:drop-shadow(0 0 6px var(--glow))}
.floating-bag:active{color:var(--cart-on);filter:drop-shadow(0 0 6px var(--glow));transform:scale(.96)}
.floating-bag #bag-count,body[data-shopping=true] .floating-bag span#bag-count{position:absolute;right:-4px;top:0;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border:2px solid var(--badge);border-radius:999px;
  background:var(--badge);color:var(--badge-ink);font:700 11.5px/18px 'DM Sans',sans-serif;text-align:center;transition:background .18s ease,color .18s ease,border-color .18s ease}
.floating-bag #bag-count[hidden]{display:none}
@media(hover:hover){.floating-bag:hover #bag-count{background:var(--badge-on);border-color:var(--cart-on);color:var(--cart-on)}}
.floating-bag:is(:focus-visible,:active) #bag-count{background:var(--badge-on);border-color:var(--cart-on);color:var(--cart-on)}
/* light surroundings: the entrance before the tunnel, and the shop in its light theme */
body:not([data-shopping=true]):not([data-room=drops]) .floating-bag,body[data-shopping=true][data-shop-theme=light] .floating-bag{
  --cart:#4a453d;--cart-on:#121110;--glow:#0000;--badge:#2a2722;--badge-ink:#f7f5f1;--badge-on:#f7f5f1}
/* The back arrow (journey.js toJourneyChoice): top left in the tunnel, the cart's twin (same line, same states). */
.journey-back{position:fixed;left:14px;top:max(14px,env(safe-area-inset-top));z-index:31;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:14px;background:none;
  color:#a89f90;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .18s ease,filter .18s ease,transform .16s cubic-bezier(.23,1,.32,1)}
.journey-back[hidden]{display:none}
.journey-back svg{width:30px;height:auto}
@media(hover:hover){.journey-back:hover{color:#f6f1e8;filter:drop-shadow(0 0 6px #fff3e070)}}
.journey-back:focus-visible{outline:none;color:#f6f1e8;filter:drop-shadow(0 0 6px #fff3e070)}
.journey-back:active{color:#f6f1e8;transform:scale(.96)}
@media(min-width:701px){.journey-back{left:28px}}
body[data-teaser=true] .journey-back,.editing-shirt>.journey-back{display:none!important}

/* The legal notice above the order button (replaces the old consent box). */
.order-legal{margin:4px 0 14px;font-size:12.5px;line-height:1.5;opacity:.75}
.order-legal a{color:inherit;text-decoration:underline;text-decoration-color:#ff6432;text-underline-offset:2px}
.order-legal span{display:block;margin-top:4px;opacity:.8}
.price-after{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}