/* Styles that belong to this site rather than to the old WordPress theme.
   Loaded last (see src/partials/head.html); uses the theme's colour variables. */

/* ── Contact form (/contact/) ─────────────────────────────────────────────────────────────
   The fields keep the old Contact Form 7 class names so the theme's styles still apply. */
.contact-form .contact-form-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.contact-form .is-invalid {
  border-color: #d63638 !important;
  box-shadow: 0 0 0 1px #d63638;
}
.contact-form.is-sending .ova-submit { opacity: 0.6; cursor: progress; }
.contact-form .contact-form-status {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.5;
}
.contact-form .contact-form-status:empty { display: none; }
.contact-form .contact-form-status.is-ok {
  padding: 12px 16px;
  border-left: 4px solid #2e8b57;
  background: rgba(46, 139, 87, 0.08);
  color: #1d5c3a;
}
.contact-form .contact-form-status.is-error {
  padding: 12px 16px;
  border-left: 4px solid #d63638;
  background: rgba(214, 54, 56, 0.07);
  color: #9b1c1f;
}
.contact-form .contact-form-fallback { margin-top: 10px; font-size: 15px; }
.contact-form a { color: var(--primary, #24a6e4); text-decoration: underline; }

/* ── Search page (/search/): Pagefind UI in the theme's colours ───────────────────────────── */
#search {
  --pagefind-ui-scale: 1;
  --pagefind-ui-primary: var(--primary, #24a6e4);
  --pagefind-ui-text: var(--text, #6c6a72);
  --pagefind-ui-background: #fff;
  --pagefind-ui-border: var(--light, #e4e0ee);
  --pagefind-ui-tag: var(--background-color, #f4f2f9);
  --pagefind-ui-border-width: 1px;
  --pagefind-ui-border-radius: 4px;
  --pagefind-ui-font: inherit;
  margin-top: 8px;
}
#search .pagefind-ui__result-title a { color: var(--heading, #1d1729); }
#search .pagefind-ui__result-title a:hover { color: var(--primary, #24a6e4); }
#search mark { background: rgba(36, 166, 228, 0.18); color: inherit; }