/**
 * Form Protect - Frontend Styles
 */

/* Style for fields with invalid content */
.form-protect-pro-invalid {
    background-color: rgba(255, 193, 7, 0.12) !important;
}

/* Error message */
.form-protect-error-message {
    color: #ff0000;
    font-weight: bold;
    margin-top: 10px;
    padding: 8px;
    border: 1px solid #ff0000;
    background-color: #fff0f0;
    border-radius: 3px;
}

/* For blocked forms */
form[data-form-protect-pro-blocked="true"] {
    position: relative;
}

form[data-form-protect-pro-blocked="true"] button[type="submit"],
form[data-form-protect-pro-blocked="true"] input[type="submit"] {
    opacity: 0.45;
    cursor: not-allowed;
}