/* =========================================================================
   WordPress-only additions to the Virentia stylesheet.
   site.css is identical to the reference build; everything WordPress-specific lives here.
   ========================================================================= */

/* Logged-in admin bar sits above the sticky header */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

/* Contact Form 7: the <form> carries the reference build's .contact-form card; the fields sit in their own grid inside it */
.wpcf7 form.contact-form { display: block; }
.contact-form__fields { display: grid; gap: 20px; }
@media (min-width: 760px) { .contact-form__fields { grid-template-columns: 1fr 1fr; gap: 24px; } }
.wpcf7-form-control-wrap { display: block; width: 100%; }
.field .wpcf7-form-control-wrap > .wpcf7-form-control { display: block; width: 100%; }
.wpcf7-not-valid-tip { display: block; margin-top: 8px; color: #B3261E; font-size: .9375rem; font-weight: 600; }
.field input.wpcf7-submit {
  appearance: none; -webkit-appearance: none; width: auto; min-height: 48px; padding: 10px 22px;
  font: 600 1rem/1.2 var(--font); color: var(--white); background: var(--forest); border: 2px solid transparent; border-radius: 3px;
}
.field input.wpcf7-submit:hover { background: var(--forest); }
.field input.wpcf7-submit:focus-visible { outline: 3px solid var(--focus); outline-offset: 1px; border-color: transparent; }
.wpcf7-spinner { margin: 0; }
.wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0; padding: 12px 16px; border: 1px solid var(--line); border-radius: 3px;
  background: var(--stone); color: var(--deep); font-weight: 600;
}
.wpcf7 form.sent .wpcf7-response-output { border-color: var(--forest); background: var(--stone); color: var(--forest); }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #B3261E; color: #B3261E; background: #FBF1F0; }
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; }