/**
 * Front-end CSS for `goldvion/tier-cards` — the home tier cards' own
 * out-of-stock treatment (S-004/T-007, closing B-025's home-surface half).
 *
 * Split out from `style.css` deliberately: chain B owns that file this
 * sprint (S-004/T-002 spec §1). `builder.css` is only enqueued when the
 * [goldvion_builder] shortcode renders, so it never reaches the home page —
 * this is that stylesheet's front-end sibling, matching the existing
 * `tier-cards-edit.css` pairing for the editor. Registered with
 * `array( 'goldvion' )` as its dependency for the same cascade reason T-001
 * recorded for builder.css (state/repos/goldvion.md): without it, WordPress's
 * default enqueue order would put this stylesheet before style.css and it
 * would lose any equal-specificity collision.
 *
 * The treatment is the client's own — CharmModal.jsx's "Currently
 * Unavailable" at `text-[10px] tracking-luxe uppercase text-charcoal/30`
 * (T-002 spec M-11) — reused verbatim rather than invented per tier.
 * `--gv-fg-30` (charcoal 30%) is declared in style.css's :root and is
 * available site-wide; reused here, not redeclared.
 */

.gv-tier__state {
	margin: 0;
	font-size: var( --wp--preset--font-size--micro, 0.625rem );
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var( --gv-fg-30 );
}

/* T-008 QA send-back: swapping the CTA for .gv-tier__state didn't cause
 * this — it only exposed it. ADR-011's protected `.gv-tier__foot {
 * margin-top: auto }` (style.css) was already losing to WordPress core's
 * global-styles block-gap rule, `:root :where(.is-layout-constrained) > *
 * { margin-block-start: 1.2rem }`, on every card, in every state. Both
 * selectors resolve to 0,1,0 specificity (`:root` is one pseudo-class;
 * `:where()` always contributes zero; the descendant `*` contributes
 * nothing) — a specificity tie, decided by source order alone. That
 * global-styles rule is printed inline after style.css (and after this
 * file), so it always won, collapsing the intended auto-margin into a
 * fixed 19.2px gap on every card. It stayed invisible while every card's
 * foot was the same height (the CTA button), because a fixed offset from
 * unequal preceding-content height happened not to matter when the foot
 * itself never varied. It stopped being invisible the moment one card's
 * foot content (the CTA) shrank relative to the others.
 *
 * Fix: reassert the auto margin at two classes (0,2,0) so it actually
 * outranks the global-styles rule regardless of source order, rather than
 * relying on a tie this stylesheet cannot reliably win. Scoped to
 * .gv-tier__foot only — .gv-tier__body and every other block-gap child
 * are untouched. Verified live: with Signature forced out of stock, all
 * three .gv-tier__foot bottoms compute to the same value with this rule
 * in place (they did not before it).
 */
.gv-tier .gv-tier__foot {
	margin-top: auto;
}

/* C-8's charm treatment (opacity-40 on the whole tile), reused on the tier
   card's media only -- T-002 spec §8a item 2: the price and the spec list
   stay at full opacity so a customer comparing tiers can still read them. */
.gv-tier--unavailable .gv-tier__media {
	opacity: 0.4;
}