/**
 * The back-in-stock panel — sections/product-blocks/product-buy-buttons.php.
 *
 * HARVESTED from each store's snippets/bis-notify.liquid `{%- style -%}` block.
 * Two palettes exist on the live stores and the declarations are otherwise
 * identical: Wulf and Got Vape render a BLACK #0a0a0a card with white Oswald
 * (their scheme), Exxus and Sutra a LIGHT #f7f7f8 card with black Poppins —
 * Sutra's own file warns "not carried over from Wulf … would look almost right,
 * which is the exact failure mode this port keeps hitting". The port carried
 * Wulf's inline black background for every store (team review 2026-09-18: the
 * Sutra panel's heading rendered black on black). The palette is a child-theme
 * token now: the dark values are the defaults, a light child sets
 * --gv-bis-bg / --gv-bis-border / --gv-bis-ink / --gv-bis-muted / --gv-bis-check /
 * --gv-bis-check-ink / --gv-bis-font (+ the hover pair). The fallbacks are the dark
 * pair's values; the child themes declare their own tokens either way.
 *
 * Enqueued unconditionally like every sheet under assets/css/; every rule is
 * scoped to .bis-notify. The hide/show rules live HERE too (the liquid's own,
 * verbatim): the panel is hidden until the buy block carries `bis-oos`, and
 * `[hidden]` must beat the author `display` on the done block — else the
 * confirmation renders on every product page. They also arrive with the
 * harvested instances/product.css; theme behaviour must not depend on a
 * runtime-imported sheet.
 */

/* hidden by default; the `bis-oos` class on the buy block reveals it and hides the buy controls */
.bis-notify{display:none}
block-buy-buttons.bis-oos .bis-notify{display:block}
block-buy-buttons.bis-oos .product__policies,block-buy-buttons.bis-oos [name="add"],block-buy-buttons.bis-oos .shopify-payment-button{display:none !important}
/* [hidden] MUST WIN over the done block's own display */
.bis-notify [hidden]{display:none !important}

.bis-notify__panel{margin:16px 0;padding:18px;background:var(--gv-bis-bg,#0a0a0a);border:var(--gv-bis-border,0);border-radius:4px;color:var(--gv-bis-ink,#fff)}
.bis-notify__form{display:flex;flex-direction:column;gap:10px}
.bis-notify__submit{min-height:52px;font-size:16px}
.bis-notify__submit[disabled]{opacity:.6;cursor:not-allowed}
/* The dark card inverts the house #111 hover (it would vanish); a light child points the pair back at the stock hover. */
.bis-notify .bis-notify__submit.gvws-button:hover,.bis-notify .bis-notify__submit.gvws-button:focus-visible{background:var(--gv-bis-hover-bg,#fff) !important;border-color:var(--gv-bis-hover-bg,#fff) !important;color:var(--gv-bis-hover-ink,#0a0a0a) !important} /* 080: one class more than buttons.css, which loads after this sheet */
.bis-notify__title{font-family:var(--gv-bis-font,var(--gv-font-head,inherit));font-size:21px;font-weight:700;line-height:1.15;letter-spacing:.02em;color:var(--gv-bis-ink,#fff);text-transform:uppercase}
.bis-notify__sub{margin:7px 0 14px;font-size:15px;line-height:1.5;color:var(--gv-bis-muted,#c9c9cd)}
.bis-notify__msg{margin-top:10px;font-size:15px;line-height:1.5;color:var(--gv-bis-ink,#fff);font-weight:700}
.bis-notify__msg:empty{display:none}
.bis-notify__done{display:flex;gap:14px;align-items:flex-start}
.bis-notify__check{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--gv-bis-check,#1db954);display:flex;align-items:center;justify-content:center}
.bis-notify__check svg{width:19px;height:19px;display:block;stroke:var(--gv-bis-check-ink,#0a0a0a)}
.bis-notify__done-title{font-family:var(--gv-bis-font,var(--gv-font-head,inherit));font-size:21px;font-weight:700;line-height:1.15;color:var(--gv-bis-ink,#fff);text-transform:uppercase;letter-spacing:.02em}
.bis-notify__done-sub{margin-top:5px;font-size:15px;line-height:1.55;color:var(--gv-bis-muted-2,#d9d9dd)}
.bis-notify__done-email{color:var(--gv-bis-ink,#fff);font-weight:700;word-break:break-word}

/* the 082 (6) line is a flex child of .bis-notify__form: the form's gap spaces it, not its own margin */
.bis-notify__form .bis-notify__privacy { margin: 0; }