/*!
 * CondoImage — Form validation visual states.
 * Pairs with assets/common/js/ci-validation.js.
 */

input.ci-invalid,
select.ci-invalid,
textarea.ci-invalid,
.ci-invalid {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12) !important;
}

.ci-field-error {
    display: block;
    margin-top: 5px;
    color: #b91c1c;
    font-size: 12px;
    line-height: 1.35;
}

.ci-check-wrap .ci-field-error,
.ci-consent-wrap .ci-field-error,
.ci-check + .ci-field-error {
    margin-top: 6px;
}

/* Submit button stays visibly disabled until the form is valid. */
form[data-ci-validate] [type="submit"]:disabled,
form[data-ci-validate] button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    filter: none !important;
    pointer-events: none;
}

/* Consent / terms acceptance block. */
.ci-consent-wrap {
    margin: 6px 0 14px;
}

.ci-consent {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    color: #374151;
    font-size: 13px;
    line-height: 1.45;
    cursor: pointer;
}

.ci-consent input {
    margin-top: 3px;
    flex: 0 0 auto;
}

.ci-consent a {
    color: #185fa5;
    font-weight: 600;
    text-decoration: none;
}