/*
 * Standard Extracts brand-gold layer.
 *
 * This deliberately sits outside core.css so the OG-inspired palette can be
 * deployed and rolled back without replacing the larger storefront runtime.
 * Black remains the field color; bright Standard gold is reserved for brand,
 * commerce, trust, and interaction signals.
 */

body.std,
body.std .std,
body.std .std-announcement,
body.std .std-header,
body.std .std-foot {
  --brand-gold:#fcd34d;
  --brand-gold-bright:#ffe88f;
  --brand-gold-deep:#d8aa16;
  --brand-bronze:#d4a574;
  --gold:var(--brand-gold);
  --gold-bright:var(--brand-gold-bright);
  --gold-deep:var(--brand-gold-deep);
  --gold-glow:rgba(212,165,116,.34);
}

body.std ::selection {
  background:var(--brand-gold);
  color:#17130a;
}

/* OG Standard's strongest brand cue: black type on a saturated gold strip. */
body.std .std-announcement {
  background:
    linear-gradient(90deg,#edbd27 0%,#fcd34d 18%,#ffe276 50%,#fcd34d 82%,#edbd27 100%);
  border-bottom-color:rgba(255,232,143,.85);
  box-shadow:0 8px 26px -18px rgba(252,211,77,.75);
  color:#17130a;
  font-weight:650;
}

body.std .std-announcement b,
body.std .std-announcement .code,
body.std .std-announcement .sep {
  color:#17130a;
}

body.std .std-announcement .code {
  border-color:rgba(23,19,10,.45);
  background:rgba(23,19,10,.08);
}

body.std .std-announcement .sep {
  opacity:.52;
}

/* Keep the navigation premium-black, but give it a clear Standard gold edge. */
body.std .std-header::after {
  height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(252,211,77,.24) 26%,#fcd34d 50%,rgba(252,211,77,.24) 74%,transparent 96%);
}

body.std .std-nav a::after {
  height:2px;
  background:linear-gradient(90deg,#e9b91f,#ffe88f);
}

body.std .std-iconbtn:hover,
body.std .std-nav a:focus-visible,
body.std .std-foot li a:hover {
  color:var(--brand-gold);
}

body.std .std-iconbtn:focus-visible,
body.std a:focus-visible,
body.std button:focus-visible,
body.std input:focus-visible,
body.std select:focus-visible,
body.std textarea:focus-visible {
  outline-color:var(--brand-gold);
}

/* Gold should read as an intentional commerce signal, not a beige tint. */
body.std .std-btn-primary,
body.std .fblog-button,
body.std .woocommerce button.button,
body.std .woocommerce a.button,
body.std .woocommerce input.button,
body.std .woocommerce button.woocommerce-button {
  background:linear-gradient(180deg,#ffe88f 0%,#fcd34d 54%,#e6b51c 100%);
  color:#17130a;
  box-shadow:0 13px 30px -16px rgba(252,211,77,.82);
}

body.std .std-btn-primary:hover,
body.std .fblog-button:hover,
body.std .woocommerce button.button:hover,
body.std .woocommerce a.button:hover,
body.std .woocommerce input.button:hover {
  background:linear-gradient(180deg,#fff0ab 0%,#ffdc61 56%,#edbd27 100%);
  box-shadow:0 17px 36px -16px rgba(252,211,77,.9);
}

body.std .std-card-price,
body.std .std-price,
body.std .std-bigprice,
body.std .std-card-go,
body.std .std-feature-foot .std-card-price,
body.std .std-rating .n,
body.std .std-rev-head .big,
body.std .std-stars,
body.std .std-card-rating,
body.std .fblog-card__category,
body.std .fblog-card__read {
  color:var(--brand-gold);
}

body.std .std-card-cat,
body.std .std-feature-cat,
body.std .std-rank,
body.std .std-eyebrow,
body.std .fblog-eyebrow {
  color:var(--brand-gold-bright);
}

body.std .std-card:hover,
body.std .std-feature:hover,
body.std .fblog-card__link:hover {
  border-color:rgba(252,211,77,.42);
  box-shadow:0 28px 62px -32px rgba(252,211,77,.22),0 28px 58px -30px rgba(0,0,0,.82);
}

body.std .std-card-media,
body.std .std-feature-media {
  background:
    radial-gradient(ellipse 76% 62% at 50% 100%,rgba(252,211,77,.12),transparent 64%),
    var(--media-bg);
}

body.std .std-shop-filter.is-active,
body.std .fblog-topics a.is-active {
  border-color:rgba(252,211,77,.72);
  background:rgba(252,211,77,.12);
  color:var(--brand-gold-bright);
  box-shadow:inset 0 0 0 1px rgba(252,211,77,.08);
}

/* TKO is the flagship black-and-gold world: selected strains stay branded gold. */
body.std .std.world-tko {
  --accent:var(--brand-gold);
  --accent-bright:var(--brand-gold-bright);
  --accent-deep:var(--brand-gold-deep);
  --accent-glow:rgba(212,165,116,.36);
}

body.std .std.world-tko [data-hvar="strain"] .std-chip.sel,
body.std .std.world-tko .std-vargroup[data-var-attr="strain"] .std-varchip.sel,
body.std .std.world-tko .std-vargroup[data-var-attr="strain"] .std-varchip[aria-pressed="true"] {
  border-color:var(--brand-gold);
  background:linear-gradient(180deg,rgba(252,211,77,.25),rgba(252,211,77,.08));
  box-shadow:0 0 0 1px rgba(252,211,77,.58),0 8px 22px -8px rgba(252,211,77,.5);
  color:#fff;
}

/* Preserve the existing custom SVG subjects while making them feel like the OG badges. */
body.std .std-proof,
body.std .std-runes {
  border-color:rgba(252,211,77,.18);
  background:
    linear-gradient(180deg,rgba(252,211,77,.035),transparent 70%),
    #0a0c0e;
  box-shadow:inset 0 1px 0 rgba(252,211,77,.08);
}

body.std .std-proof-item {
  color:#eee7d8;
  font-weight:650;
}

body.std .std-proof-item svg,
body.std .std-trust-ring svg,
body.std .std-ring svg {
  stroke:var(--brand-gold);
}

body.std .std-trust-ring,
body.std .std-ring {
  background:
    radial-gradient(circle at 50% 30%,rgba(252,211,77,.24),rgba(212,165,116,.07) 66%),
    #17191b;
  border-color:rgba(252,211,77,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px -22px rgba(252,211,77,.8);
}

body.std .std-trust-ico:hover .std-trust-ring,
body.std .std-rune:hover .std-ring {
  border-color:rgba(252,211,77,.82);
  box-shadow:0 16px 34px -15px rgba(252,211,77,.52),inset 0 1px 0 rgba(255,255,255,.08);
}

body.std .std-trust-lbl,
body.std .std-rune > span:last-child {
  color:#eee7d8;
  font-weight:650;
}

body.std .std-shop-promo {
  border-color:rgba(252,211,77,.34);
  background:rgba(252,211,77,.045);
}

body.std .std-shop-promo b,
body.std .std-archive-catalog-head .std-eyebrow,
body.std .std-archive-guide__heading .std-eyebrow {
  color:var(--brand-gold);
}

body.std .std-foot {
  border-top-color:rgba(252,211,77,.24);
  background:
    radial-gradient(70% 90% at 50% 0,rgba(252,211,77,.045),transparent 60%),
    #050607;
}

body.std .std-foot h4 {
  color:var(--brand-gold);
}

@media (max-width:640px) {
  body.std .std-announcement {
    box-shadow:0 7px 20px -16px rgba(252,211,77,.82);
  }

  body.std .std-proof-inner {
    justify-content:flex-start;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.std .std-card,
  body.std .std-feature,
  body.std .fblog-card__link {
    transition:none;
  }
}