/*
 * Privacy consent checkbox at the foot of the contact form.
 *
 * Contact Form 7 wraps an acceptance field in several nested spans and ends the
 * label with a <br>, none of which the form's own styles in add.css cover. This
 * file is scoped to .form-consent, so it only ever touches that one row.
 *
 * The form uses a hand-written <button class="form-submit"> rather than the
 * [submit] tag, so CF7's script — which only disables buttons carrying
 * .wpcf7-submit — cannot block an unticked submit. The three forms therefore
 * set "acceptance_as_validation: on" so the server rejects it instead.
 */

.contact-form .form-consent .wpcf7-form-control-wrap,
.contact-form .form-consent .wpcf7-acceptance,
.contact-form .form-consent .wpcf7-list-item {
    display: block;
    margin: 0;
}

.contact-form .form-consent label {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    margin: 0;
    color: var(--cl-text);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
}

.contact-form .form-consent input[type="checkbox"] {
    flex: 0 0 auto;
    width: 1.0625rem;
    height: 1.0625rem;
    /* Nudge the box onto the first line's optical centre. */
    margin-top: 0.1875rem;
    accent-color: var(--cl-main);
    cursor: pointer;
}

.contact-form .form-consent a {
    color: var(--cl-main);
    text-decoration: underline;
}

.contact-form .form-consent a:hover {
    color: var(--cl-navy);
}

/* The validation tip is a sibling of the label and would otherwise sit inline. */
.contact-form .form-consent .wpcf7-not-valid-tip {
    display: block;
    margin-top: 0.375rem;
    color: var(--cl-main);
    font-size: 0.875rem;
}