/**
 * Ostendis Form Messages
 *
 * Overrides Elementor Pro's default success/error/warning message styling
 * so it visually matches the rest of the custom Ostendis form fields
 * (Coffee Date calendar, Request Types checkboxes, etc.).
 *
 * @since 2.2.0
 */

/* Base message reset - applies to all Elementor form messages */
.elementor-form .elementor-message {
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
    margin-bottom: 0;
    padding: 6px 16px;
    border-radius: 15px;
    border: 1px solid transparent;
    font-size: 1.1rem !important;
    font-weight: 500;
    line-height: 1.5rem;
    box-shadow: none;

    &:before {
        height: 22px;
        width: 22px;
    }
}

/* Success message - matches brand accent */
.elementor-form .elementor-message.elementor-message-success {
    background-color: #eefaf1;
    border-color: #b9e6c4;
    color: #1f7a3b;
}

/* Danger / error message */
.elementor-form .elementor-message.elementor-message-danger {
    background-color: #fdeeee;
    border-color: #f3c2c2;
    color: #a3282c;
}

/* Warning message - use brand orange accent */
.elementor-form .elementor-message.elementor-message-warning,
.elementor-form .elementor-message.elementor-message-info {
    background-color: #fff8ed;
    border-color: #f7d9a3;
    color: #8a5a00;
}


/* Our own inline field-level error (Request Types validation) - keep consistent styling */
.elementor-form .osfo-request-types-error.elementor-message {
    margin-top: 8px;
}

/* Server-side per-field validation error text (Elementor default) */
.elementor-form .elementor-field-group .elementor-message-danger {
    background-color: transparent;
    border: none;
    padding: 0;
    box-shadow: none;
    font-size: 0.8rem;
    color: #a3282c;
}