/* ============================================================================
   Seasonal brand wordmark — decorative styling for the top-left "LCI CaseHQ"
   nav brand. Driven by seasonal-brand.js, which adds .has-seasonal to the
   <a class="brand"> and injects the decoration markup. Everything degrades to
   the plain amber wordmark if the JS doesn't run.
   Decorations are kept within the wordmark so nothing bleeds toward the nav
   links. All effects are static (no animation) by design.
   ========================================================================= */

a.brand.has-seasonal{ position:relative; overflow:visible; }
a.brand.has-seasonal .sb-deco{ position:absolute; z-index:1; pointer-events:none; line-height:1; }
a.brand.has-seasonal .sb-behind{ z-index:0; }
a.brand.has-seasonal .sb-front{ z-index:3; }
a.brand.has-seasonal .sb-text{ position:relative; z-index:2; white-space:nowrap; }

/* per-theme color helpers reuse inline styles from the JS; classes below are
   only for the underline accents, the snow/grass beds, and the 3-Kings letters */

/* underline accents (sit just under the lettering) */
.sb-uline{ position:relative; }
.sb-uline::after{ content:""; position:absolute; left:0; right:0; bottom:-4px; height:3px; border-radius:2px; }
/* American flag: blue canton (matches the "HQ" letters, #6ea8ff) on the left,
   then 13 stripes — 7 red, 6 white, red on both ends — across the rest. */
.sb-u-rwb::after{ background:linear-gradient(90deg,
  #6ea8ff 0 22%,
  #ef4458 22% 28%, #fff 28% 34%, #ef4458 34% 40%, #fff 40% 46%,
  #ef4458 46% 52%, #fff 52% 58%, #ef4458 58% 64%, #fff 64% 70%,
  #ef4458 70% 76%, #fff 76% 82%, #ef4458 82% 88%, #fff 88% 94%,
  #ef4458 94% 100%); }
.sb-u-candy::after{ background:repeating-linear-gradient(45deg,#e23b4e 0 5px,#fff 5px 10px); }
.sb-u-gold::after{ background:#ffce54; }
.sb-u-panaf::after{ background:linear-gradient(90deg,#ef4458 33%,#ffce54 33% 66%,#37c871 66%); }
.sb-u-pink::after{ background:linear-gradient(90deg,#ff7ea8,#ef4458); }

/* beach scalloped wave underline */
.sb-u-wave::after{ content:""; position:absolute; left:-2px; right:-2px; bottom:-6px; height:7px;
  background:radial-gradient(circle at 6px -1px,transparent 4.5px,#3fd0e0 4.5px,#3fd0e0 6px,transparent 6px) repeat-x;
  background-size:12px 9px; }

/* soft radial sun glow (beach) */
.sb-sunglow{ border-radius:50%;
  background:radial-gradient(circle,rgba(255,209,102,.95),rgba(255,138,40,.5) 55%,rgba(255,138,40,0) 72%); }

/* 3-Kings ("Kings #1"): white letters, thin blue outline + a strong dark drop
   shadow so they sit clearly in front of the faded PR flag behind them */
.sb-kletters{ color:#fff; -webkit-text-stroke:1px #2f5fcf; paint-order:stroke;
  text-shadow:0 2px 4px rgba(0,0,0,.7); }