/* ==========================================================
   Search Asset Lab — Single-post fixes (2026-08-07 Codex round)
   Child theme: kadence-child · Scoped to single posts only
   Fixes: H1 near-black, no featured-image/H1 overlap, mobile
   table scroll, primary CTA button.
   Parent theme untouched. Article body untouched (SHA-identical).
   Version: 1.0.0
   ========================================================== */

/* ---- Fix 3: H1 near-black on warm paper (single post only) ---- */
.single-post h1.entry-title {
  color: var(--v3-ink, #111);
}

/* Fix 3: hide the featured image inside the article body so the
   page carries exactly one text H1. _thumbnail_id stays set for
   OG / social media assets (per Codex round). */
.single-post .article-post-thumbnail,
.single-post .post-top-featured {
  display: none;
}

/* Fix 4: tables scroll horizontally on their own (no page-wide
   horizontal scroll). Applied via output wrapper .sal-table-scroll. */
.sal-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sal-table-scroll table {
  border-collapse: collapse;
  min-width: 0;
}
@media (max-width: 781px) {
  .sal-table-scroll {
    overflow-x: auto;
  }
}

/* Fix 4: code block (four-question flow diagram) also scrolls. */
.entry-content pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: pre;
}

/* ---- Fix 5: Primary CTA rendered as a branded button ---- */
.sal-cta-button {
  display: inline-block;
  padding: 16px 22px;
  color: #111;
  background: var(--v3-yellow, #f6dc35);
  border: 1px solid #111;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}
.sal-cta-button:hover,
.sal-cta-button:focus {
  background: #111;
  color: var(--v3-paper, #fafaf7);
}