/* ============================================================
   WordPress glue — small additions on top of the verbatim brand
   style.css: Contact Form 7 styling, honeypot, and reset fixes.
   The original design CSS is never edited; everything WP-specific lives here.
   ============================================================ */

/* Playbook gotcha: keep [hidden] winning over later display rules. */
[hidden] { display: none !important; }

/* WordPress adds a `single` class to <body> on single posts, which collides with
   the theme's `.single` article rule (max-width:820px; margin:0 auto) and would
   shrink the whole page — header/nav included — to 820px. Reset the body so the
   constraint applies only to <article class="single">. */
body.single { max-width: none; margin: 0; }

/* Honeypot field — hidden from humans. */
.mbm-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.form-grid .mbm-hp { display: none; }

/* Admin-only inline notes from the section renderers. */
.mbm-note { color: var(--muted-2); font-size: .85rem; font-style: italic; padding: 10px 0; }

/* ------------------------------------------------------------
   Contact Form 7 — make CF7's control wrappers fill the existing
   .form-grid / .contact-form layouts (inputs sit inside spans).
   ------------------------------------------------------------ */
.wpcf7 { width: 100%; }
.wpcf7 form.form-grid,
.wpcf7 .contact-form { margin: 0; }

.form-grid .wpcf7-form-control-wrap,
.contact-form .wpcf7-form-control-wrap { display: block; width: 100%; }

.form-grid input[type="text"],
.form-grid input[type="email"] { width: 100%; }

/* Newsletter (home) keeps its 2-col grid; submit in column 2 like the static. */
.form-grid .wpcf7-submit { grid-column: 2; }
@media (max-width: 860px) { .form-grid .wpcf7-submit { grid-column: 1; } }

/* Quiz = the math captcha replacement. Lay it out like the old captcha row. */
.captcha-row .wpcf7-form-control-wrap { display: inline-block; width: auto; }
.captcha-row .wpcf7-quiz-label {
  font-family: var(--font-head); font-weight: 600; letter-spacing: .04em;
  color: var(--gold); margin-right: 10px; white-space: nowrap;
}
.contact-form .captcha-row { align-items: center; }
.contact-form .wpcf7-quiz { flex: 1; min-width: 0; }

/* Validation tips + response output, themed gold/dark. */
.wpcf7-not-valid-tip { color: #ffb4a2; font-family: var(--font-body); font-size: .8rem; margin-top: 4px; }
.wpcf7-form-control.wpcf7-not-valid { border-color: #ff6b53 !important; box-shadow: 0 0 0 3px rgba(255,107,83,.18) !important; }

.wpcf7 .wpcf7-response-output {
  margin: 18px 0 0; padding: 14px 18px; border: 2px solid var(--gold);
  font-family: var(--font-head); font-weight: 600; font-size: .95rem;
  background: #1a1206; color: #ffe6c2;
}
.wpcf7 form.sent .wpcf7-response-output { border-color: #5bd06a; background: #10240f; color: #d7ffd9; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output { border-color: var(--gold); }

/* CF7 ajax loader dot color. */
.wpcf7-spinner { background-color: var(--gold); }

/* ------------------------------------------------------------
   WP core block alignments (in case rich-text uses them).
   ------------------------------------------------------------ */
.single-body .aligncenter, .single-body figure.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.single-body .alignright { float: right; margin: 0 0 18px 24px; }
.single-body .alignleft { float: left; margin: 0 24px 18px 0; }
.single-body .wp-caption-text { text-align: center; font-size: .85rem; color: var(--muted-2); font-style: italic; }
