/* GENERATED from brand_tokens (category=component + campaign_accent). Edit the DB row, not this file. */
:root{
  --campaign-accent:#6A1B9A;
  --campaign-active:1;
  --campaign-label:"Back to School";

  --sb-bg:#F5C518;
  --sb-bg-hover:#FFD43B;
  --sb-ink:#111111;
  --sb-radius:12px;
  --sb-pad:.625rem 1rem;
  --sb-gap:.75rem;
  --sb-min:9rem;
  --sb-shadow:0 4px 12px -4px rgba(0,0,0,.25);
  --sb-plus-size:26px;
  --sb-plus-bg:#111111;
  --sb-plus-ink:#F5C518;
  --sb-added-bg:#10B981;
}
/* one canonical size/price button — legacy classes alias to it */
.brand-sizebtn,.cr-size-btn,.menu-add,.item__add,.plate__size-btn{
  flex:1 1 clamp(var(--sb-min),45%,14rem);min-width:var(--sb-min);
  display:flex;align-items:center;justify-content:space-between;gap:var(--sb-gap);
  background:var(--sb-bg);color:var(--sb-ink);border:none;border-radius:var(--sb-radius);
  padding:var(--sb-pad);cursor:pointer;font-family:inherit;font-weight:700;
  box-shadow:var(--sb-shadow);transition:transform .12s ease,background .12s ease;
}
.brand-sizebtn:hover,.cr-size-btn:hover,.menu-add:hover,.item__add:hover,.plate__size-btn:hover{background:var(--sb-bg-hover);transform:translateY(-1px)}
.brand-sizebtn:active,.cr-size-btn:active{transform:translateY(0)}
.brand-sizebtn.is-adding,.cr-size-btn.is-adding,.menu-add.in-cart,.item__add.in-cart,.plate__size-btn.is-adding{background:var(--sb-added-bg);color:#fff}
.cr-size{flex:0 1 auto;min-width:0;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7;text-align:left;line-height:1.1}
.cr-size strong{display:block;font-size:.7rem;letter-spacing:0;opacity:1;text-transform:none;margin-top:2px;font-weight:600}
.plate__size-btn .label{flex:0 1 auto;min-width:0;font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-weight:800}
.plate__size-btn .price{margin-left:auto;font-size:.9375rem;font-family:var(--f-display,inherit)}
.cr-amt{margin-left:auto;font-size:1.0625rem;font-family:var(--f-display,inherit)}
.cr-plus,.plate__size-btn .plus{flex:0 0 var(--sb-plus-size);display:inline-flex;align-items:center;justify-content:center;
  width:var(--sb-plus-size);height:var(--sb-plus-size);border-radius:50%;
  background:var(--sb-plus-bg);color:var(--sb-plus-ink);font-weight:800;font-size:1.0625rem;line-height:1}
/* Seasonal accent strip -- additive only. Never overrides core brand colors
   (--sb-*). Hidden entirely when no campaign is active. TMP Annual Marketing
   Campaign engine, business_registry category=active_campaign. */
.tmp-seasonal-strip{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--campaign-accent);color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-align:center}
.tmp-seasonal-strip::before{content:var(--campaign-label);}