/* =========================================
   CALCULATOR ERROR BOX STYLING
   ========================================= */

.wpcf7-response-output {
    margin: 20px 0;
    padding: 15px 20px;
    border-radius: 8px;
    font-size: 20px;
    line-height: 1.5;
    display: none; /* Hidden by default */
}

/* Error state (validation failed) */
.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #fee;
    border: 2px solid #dc3232;
    color: #dc3232;
    display: block;
}

/* Spam detected */
.wpcf7-response-output.wpcf7-spam-blocked {
    background-color: #fff3cd;
    border: 2px solid #ffc107;
    color: #856404;
    display: block;
}

/* Mail sent successfully */
.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #d4edda;
    border: 2px solid #28a745;
    color: #155724;
    display: block;
}

/* Mail failed to send */
.wpcf7-response-output.wpcf7-mail-sent-ng {
    background-color: #f8d7da;
    border: 2px solid #dc3545;
    color: #721c24;
    display: block;
}

/* Custom calculator errors (API errors, validation errors from JS) */
.wpcf7-response-output.calculator-error {
    background-color: #00b3ec;
    border: 2px solid #dc3232;
    color: #006686;
    display: block;
}