/* ==========================================================================
   GVS blog — theme.json overflow layer
   gvs.foundation · arneiron-gvs-child

   theme.json styles.blocks is the source of truth for blog/post/comment
   styling. This sheet carries ONLY the handful of rules WordPress's
   theme.json block-"css" compiler cannot express, and nothing else:

     1. pseudo-elements — ::before / ::marker are stripped by the compiler
     2. comma-joined / compound descendant selectors — mangled or dropped
        (core/table's `th,td` grid was dropped whole; the comment-form field
        selector was mangled).

   All colours below reference the theme's own --wp--preset--color--* custom
   properties (declared on :root by global styles), so this stays token-driven.
   Enqueued after gvs-wp-bridge.css from functions.php.
   ========================================================================== */

/* Article H3 — gold rule above the tracked-caps kicker
   (design: .gvs-article h3::before, 40x3 gold bar) */
.wp-block-post-content h3::before {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: var(--wp--preset--color--accent);
  margin-bottom: 24px;
}

/* Gold list markers — bullets and ordered numbers
   (design: .gvs-article ul>li gold bullet, ol gold marker) */
.wp-block-post-content ul li::marker,
.wp-block-post-content ol li::marker,
.wp-block-list li::marker {
  color: var(--wp--preset--color--accent);
}

/* Tables — petrol keyline grid, cream display header
   (core/table css was dropped whole by the compiler's comma handling) */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th,
.wp-block-table td {
  border: 1px solid var(--wp--preset--color--border);
  padding: 10px 14px;
}
.wp-block-table thead th {
  background: var(--wp--preset--color--surface);
  font-family: var(--wp--preset--font-family--display);
  font-weight: 800;
  text-transform: uppercase;
}

/* Comment form fields — petrol keyline inputs on paper.
   The submit button inherits the gold `button` element from theme.json. */
.wp-block-post-comments-form :is(
  input[type="text"], input[type="email"], input[type="url"],
  input[type="password"], textarea
) {
  background: var(--wp--preset--color--bg);
  border: 2px solid var(--wp--preset--color--border);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--wp--preset--color--ink);
  font-family: var(--wp--preset--font-family--sans);
}
.wp-block-post-comments-form :is(
  input[type="text"], input[type="email"], input[type="url"],
  input[type="password"], textarea
):focus {
  outline: 2px solid var(--wp--preset--color--border);
  outline-offset: 2px;
}