/* back[candle] logo component — candle mark from logo-v24-final */
.bc-logo { display: inline-flex; text-decoration: none; line-height: 1; }
.bc-top { display: inline-flex; align-items: center; gap: var(--bc-gap, 11px); }
.bc-mark { display: inline-flex; align-items: center; gap: calc(var(--bc-scale, 1) * 6px); }

/* candle building block: body + top/bottom wick spans */
.bc-c { position: relative; display: flex; flex-direction: column; align-items: center; }
.bc-c .body { border-radius: 1.5px; }
.bc-c .w-t, .bc-c .w-b { position: absolute; left: 50%; transform: translateX(-50%); border-radius: 1px; }

/* past echoes — solid green, fading out to the left */
.bc-c.p1 .body { width: calc(var(--bc-scale, 1) * 6px); height: calc(var(--bc-scale, 1) * 14px); background: var(--green); opacity: 0.15; }
.bc-c.p1 .w-t, .bc-c.p1 .w-b { width: calc(var(--bc-scale, 1) * 1.5px); background: var(--green); opacity: 0.15; }
.bc-c.p1 .w-t { top: calc(var(--bc-scale, 1) * -3px); height: calc(var(--bc-scale, 1) * 3px); }
.bc-c.p1 .w-b { bottom: calc(var(--bc-scale, 1) * -3px); height: calc(var(--bc-scale, 1) * 3px); }

.bc-c.p2 .body { width: calc(var(--bc-scale, 1) * 6px); height: calc(var(--bc-scale, 1) * 22px); background: var(--green); opacity: 0.42; }
.bc-c.p2 .w-t, .bc-c.p2 .w-b { width: calc(var(--bc-scale, 1) * 1.5px); background: var(--green); opacity: 0.42; }
.bc-c.p2 .w-t { top: calc(var(--bc-scale, 1) * -4px); height: calc(var(--bc-scale, 1) * 4px); }
.bc-c.p2 .w-b { bottom: calc(var(--bc-scale, 1) * -4px); height: calc(var(--bc-scale, 1) * 4px); }

/* now — gradient green→red, glowing */
.bc-c.now .body { width: calc(var(--bc-scale, 1) * 9px); height: calc(var(--bc-scale, 1) * 32px); background: linear-gradient(180deg, var(--green), var(--red)); box-shadow: 0 0 0 calc(var(--bc-scale, 1) * 3px) rgba(38,166,154,0.18); }
[data-theme="light"] .bc-c.now .body { box-shadow: 0 0 0 calc(var(--bc-scale, 1) * 3px) rgba(31,134,126,0.14); }
.bc-c.now .w-t { width: calc(var(--bc-scale, 1) * 1.7px); top: calc(var(--bc-scale, 1) * -7px); height: calc(var(--bc-scale, 1) * 7px); background: var(--green); }
.bc-c.now .w-b { width: calc(var(--bc-scale, 1) * 1.7px); bottom: calc(var(--bc-scale, 1) * -7px); height: calc(var(--bc-scale, 1) * 7px); background: var(--red); }

/* forecasts — dashed outline red, fading out to the right */
.bc-c.f1 .body { width: calc(var(--bc-scale, 1) * 6px); height: calc(var(--bc-scale, 1) * 20px); background: transparent; border: calc(var(--bc-scale, 1) * 1.2px) dashed var(--red); opacity: 0.55; }
.bc-c.f1 .w-t, .bc-c.f1 .w-b { width: calc(var(--bc-scale, 1) * 1.5px); background: var(--red); opacity: 0.45; }
.bc-c.f1 .w-t { top: calc(var(--bc-scale, 1) * -3px); height: calc(var(--bc-scale, 1) * 3px); }
.bc-c.f1 .w-b { bottom: calc(var(--bc-scale, 1) * -3px); height: calc(var(--bc-scale, 1) * 3px); }

.bc-c.f2 .body { width: calc(var(--bc-scale, 1) * 6px); height: calc(var(--bc-scale, 1) * 14px); background: transparent; border: calc(var(--bc-scale, 1) * 1.2px) dashed var(--red); opacity: 0.3; }
.bc-c.f2 .w-t, .bc-c.f2 .w-b { width: calc(var(--bc-scale, 1) * 1.5px); background: var(--red); opacity: 0.3; }
.bc-c.f2 .w-t { top: calc(var(--bc-scale, 1) * -3px); height: calc(var(--bc-scale, 1) * 3px); }
.bc-c.f2 .w-b { bottom: calc(var(--bc-scale, 1) * -3px); height: calc(var(--bc-scale, 1) * 3px); }

/* wordmark — "back" full contrast, "candle" muted. Each span carries its
   own border-bottom as the seek line, so the color boundary always lands
   exactly at the end of "back" regardless of font/size. */
.bc-wm { font-weight: 600; font-size: calc(var(--bc-scale, 1) * 1.375rem); letter-spacing: -0.035em; font-family: var(--bc-wm-font, var(--font-sans)); display: inline-flex; padding-bottom: calc(var(--bc-scale, 1) * 7px); }
.bc-wm-back, .bc-wm-candle { display: inline-block; border-bottom: calc(var(--bc-scale, 1) * 2px) solid; }
.bc-wm-back { color: var(--txt); border-color: var(--green); }
.bc-wm-candle { color: var(--text-muted); border-color: var(--border-muted); }

/* compact variant: mark only, no wordmark (favicon, tight headers) */
.bc-logo.mark-only .bc-wm { display: none; }