/* Contact Form 7 chrome, matched to the theme. The field/button styling
   itself comes from Tailwind classes set in the CF7 form template
   (class:field, class:btn class:bg-gold ...). */

.sf-cf7 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.sf-cf7 .wpcf7-not-valid-tip {
    display: block;
    margin-top: 6px;
    font-size: 0.8rem;
    color: #b3261e;
}
.sf-cf7 .wpcf7-response-output {
    margin: 24px 0 0;
    padding: 12px 18px;
    border: 1px solid var(--sf-color-navy, #263240);
    font-size: 0.9rem;
    line-height: 1.6;
}
.sf-cf7 .wpcf7-form.sent .wpcf7-response-output {
    background: color-mix(in srgb, var(--sf-color-navy, #263240) 8%, transparent);
}
.sf-cf7 .wpcf7-form.invalid .wpcf7-response-output,
.sf-cf7 .wpcf7-form.failed .wpcf7-response-output {
    border-color: #b3261e;
}
.sf-cf7 .wpcf7-spinner {
    margin: 0 0 0 16px;
}
/* Submit is an <input>, .btn flex alignment doesn't apply — give it width. */
.sf-cf7 input[type="submit"] {
    min-width: 186px;
    cursor: pointer;
}