/* STETY-QAFIX-2026-10-25 — Fixes #2 + #3 from the 2026-10-24 visual QA pack.
   DROP-IN OVERRIDE. Link this file AFTER /assets/css/styles.css.
   Brand red = var(--accent-deep) (#c1121f), the same red in-body .prose links use.
   No other colors, fonts, or layout values are changed by this file. */

/* ---- FIX #2 — brand-red link styling (were browser-default blue + underline) ---- */
/* Blog index: "RSS Feed" + "Email Updates" subscribe buttons (no rule styled them before). */
.blog-subscribe .subscribe-btn { color: var(--accent-deep); font-weight: 600; }
/* Blog posts: "On this page" table-of-contents links (no rule styled them before). */
.post-toc a { color: var(--accent-deep); font-weight: 600; }
/* Services cards: "Book a free consult" links (class .svc-cta, no rule styled them before). */
.card a.svc-cta { color: var(--accent-deep); font-weight: 600; }

/* ---- FIX #3 — merch grid (deadbrands.co/merch/) ---- */
/* Uniform image boxes: every card image gets the same 4/3 box. object-fit: contain
   keeps the whole product visible (no cropping); the cream --bg-alt background
   fills the letterbox. Higher specificity than the page's inline .merch-card img
   rule, so this wins regardless of stylesheet order. */
.merch-grid .merch-card img { aspect-ratio: 4 / 3; object-fit: contain; }
/* Darker description text: was #b9b9c0 (pale grey on white, ~1.9:1 contrast).
   Now the site's standard secondary text color, readable on white. */
.merch-grid .merch-card .merch-desc { color: var(--muted); }

/* ---- FIX #3b v2 — pin "View & Order" buttons (Perry-verified 05:1x ET) ----
   v1 failed: .btn sits inside .merch-body, which wasn't a flex child that
   grows, so margin-top:auto did nothing; > a:last-child never matched (the
   last child is the div). v2 makes .merch-body the growing flex column and
   pins the button inside it. Verified by Perry: 0 ragged rows at 1440 and
   390, no horizontal scroll, 4/3 images + desc shade unchanged. */
.merch-grid .merch-card { display: flex; flex-direction: column; }
.merch-grid .merch-card .merch-body { flex: 1 1 auto; display: flex; flex-direction: column; }
.merch-grid .merch-card .merch-body > .btn { margin-top: auto; align-self: flex-start; }

/* ---- FIX #4 — QAFIX4: Quaint Business Solutions in-card links (2026-10-25) ----
   The two in-card Quaint links on /services/ (inside article.card elements)
   rendered browser-default blue. Selector targets in-card Quaint links only;
   the homepage partner link (not in a .card) is untouched. */
.card a[href*="quaintbusiness.com"] { color: var(--accent-deep); font-weight: 600; }

/* ---- FIX #5 — BOTSJSONRED: /donate/bots/ bots.json link (2026-10-25) ----
   The single machine-readable link in the lede paragraph
   (<p class="lede">, href="/donate/bots.json") rendered default blue.
   Selector touches only this link; Etherscan/mempool/footer links unchanged. */
.lede a[href="/donate/bots.json"] { color: var(--accent-deep); font-weight: 600; }