/**
 * LEO Pricing Badge — storefront styles.
 * Colors come from the shared FFL-BRO Brand Kit --flb-store-* tokens, so the
 * badge automatically themes to the active tenant (e.g. WTF crimson). Fallbacks
 * below match the FFL-BRO default palette when no brand kit is present.
 */
:root{
  --leo-bdg-chrome: var(--flb-store-chrome, #1e3a5f);
  --leo-bdg-ink:    var(--flb-store-ink, #16233f);
  --leo-bdg-accent: var(--flb-store-accent, #f97316);
  --leo-bdg-gold:   #c8a456;
  --leo-bdg-ok:     #16a34a;
  --leo-bdg-tag-bg: var(--flb-store-tag-bg, #eaf1fb);
  --leo-bdg-tag-bd: var(--flb-store-tag-bd, #d4e1f5);
}

/* ── Header strip ───────────────────────────────────────── */
.leo-strip{
  display:flex;align-items:center;gap:14px;
  background:linear-gradient(90deg, var(--leo-bdg-chrome), var(--leo-bdg-ink));
  color:#fff;padding:11px 18px;font-size:13.5px;line-height:1.4;
  position:relative;overflow:hidden;
}
.leo-strip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--leo-bdg-gold);}
.leo-strip .leo-shield{width:24px;height:24px;flex:0 0 24px;color:var(--leo-bdg-gold);}
.leo-strip-txt{flex:1;}
.leo-strip-txt b{color:var(--leo-bdg-gold);font-weight:700;}
.leo-strip-cta{
  background:var(--leo-bdg-gold);color:#1a1205;font-weight:700;font-size:12px;
  padding:7px 15px;border-radius:6px;text-decoration:none;white-space:nowrap;letter-spacing:.02em;
}
.leo-strip-cta:hover{filter:brightness(1.06);}
.leo-strip--verified{background:linear-gradient(90deg, #143020, var(--leo-bdg-ink));}
.leo-strip--verified::before{background:var(--leo-bdg-ok);}
.leo-strip--verified .leo-shield{color:#4ade80;}
.leo-strip--verified .leo-strip-txt b{color:#4ade80;}
.leo-strip-pill{
  background:rgba(74,222,128,.15);color:#4ade80;border:1px solid rgba(74,222,128,.3);
  font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;
  text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;
}

/* ── Product-card badge ─────────────────────────────────── */
.leo-card-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:10.5px;font-weight:700;padding:5px 9px;border-radius:6px;
  letter-spacing:.03em;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.leo-card-badge .leo-shield{width:13px;height:13px;}
.leo-card-badge--prompt{background:var(--leo-bdg-chrome);}
.leo-card-badge--prompt .leo-shield{color:var(--leo-bdg-gold);}
.leo-card-badge--verified{background:var(--leo-bdg-ok);}
.leo-card-badge--verified .leo-shield{color:#fff;}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width:640px){
  .leo-strip{flex-wrap:wrap;font-size:12.5px;padding:10px 14px;gap:10px;}
  .leo-strip-txt{flex:1 1 100%;order:2;}
  .leo-strip-cta,.leo-strip-pill{order:3;}
}