/* W2BRANDLOGO_v5 — constructor ShopLink header: brand-style logo as PURE VECTOR.
   "W" and "2" are the actual Bagel Fat One glyph OUTLINES (SVG paths), so they
   render identically on any origin/CSP/cache — no webfont dependency. Static heart. */

/* header geometry: full width on mobile, ~25% shorter bar */
.hdr-glass{ transform:none !important; padding-top:5px !important; padding-bottom:5px !important; gap:10px !important; margin-top:8px !important; margin-bottom:6px !important; }
.hdr-glass .hdr-avatar{ width:38px !important; height:38px !important; }
@media (max-width:560px){
  .hdr-glass{ width:auto !important; max-width:none !important; margin-left:8px !important; margin-right:8px !important; }
}

/* brand wordmark (vector) */
.w2bl-host{ display:inline-flex; align-items:center; }
.w2bl{ display:inline-flex; align-items:center; color:#46413a; font-size:30px; line-height:1; }
.w2bl-w{ display:inline-flex; align-items:center; }
.w2bl-w svg{ height:.82em; width:auto; display:block; }
.w2bl-h3d{ display:inline-flex; width:.86em; height:.86em; margin:0 .05em; flex:0 0 auto; }
.w2bl-h3d svg{ display:block; width:100%; height:100%; filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.28)); }
.w2bl-sup{ display:inline-flex; align-self:flex-start; margin-left:.03em; margin-top:-.02em; }
.w2bl-sup svg{ height:.46em; width:auto; display:block; }

/* V6 — spinning brand heart (same 3D spin as site/dock) */
.w2bl-h3d svg{
  transform-origin: center;
  will-change: transform;
  animation: w2blspin 3.4s linear infinite;
}
@keyframes w2blspin{
  0%   { transform: perspective(320px) rotateY(0deg); }
  100% { transform: perspective(320px) rotateY(360deg); }
}
@media (prefers-reduced-motion: reduce){ .w2bl-h3d svg{ animation: none !important; } }

/* V7 — brand logo on tiles (CUSTOM + BRAND STYLE) */
.w2bl-host{ justify-content:center; }
.w2bl-host--custom{ display:flex; margin:0 auto 2px; }
.w2bl-host--custom .w2bl{ font-size:33px; }      /* ~ old .style-brandmark 30px */
.w2bl-host--tile{ display:flex; margin:0 auto 2px; }
.w2bl-host--tile .w2bl{ font-size:46px; }        /* match CLASSIC/STREET heart size */

/* V11 — precise tile sizes (tunable knobs) */
.w2bl-host--custom{ display:flex; margin:0 auto 2px; }
.w2bl-host--custom .w2bl{ font-size:26px !important; }   /* CUSTOM tile  (knob) */
.w2bl-host--brand{ display:flex; margin:0 auto 2px; }
.w2bl-host--brand  .w2bl{ font-size:28px !important; }   /* BRAND STYLE tile (knob, ~30% smaller than v10) */

/* V3 — BRAND on-garment font tuning (print path). Scoped to .sh-brand only;
   classic/street untouched. Fixes descender clipping + slightly lighter read. */
.sh-brand{ line-height:1.16 !important; }
.sh-brand .sh-phrase{
  line-height:1.30 !important;        /* g,y,j,G tails fit, no bottom clip */
  letter-spacing:0.012em !important;  /* a touch looser -> reads less heavy */
  padding-bottom:3px;                 /* extra bottom breathing room */
  -webkit-font-smoothing:antialiased; /* crisper, hair thinner */
  text-rendering:geometricPrecision;
}

/* V12 — brand INK: soften flat black to one canonical soft-dark gradient.
   Native BRAND STYLE tile text -> gradient-clip (UI only; heart img unaffected). */
.w2bl-inktile{
  background:linear-gradient(170deg,#45464d 0%,#212227 52%,#0d0e11 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}