/**
 * Experigreen GF Zip Validate - Styles
 */

/* Error message styling */
.egzv-error-message {
    color: #c02b0a;
    background-color: #ffebe8;
    border-left: 4px solid #c02b0a;
    padding: 10px 12px;
    margin: 8px 0;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    position: relative;
    animation: egzv-pulse 2s infinite;
}

/* Input field styling when error */
.egzv-error {
    border-color: #c02b0a !important;
    background-color: #fff8f8 !important;
    box-shadow: 0 0 0 1px #c02b0a !important;
}

/* Make sure error is visible in all Gravity Forms versions */
.gform_wrapper .egzv-error-message {
    display: block;
}

/* Animation for the error message for better visibility */
@keyframes egzv-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(192, 43, 10, 0.4);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(192, 43, 10, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(192, 43, 10, 0);
    }
}

/* Gravity Forms compatibility */
.gform_wrapper .gfield.gfield_error .egzv-error {
    border-color: #c02b0a !important;
}

/* Responsive adjustments */
@media (max-width: 641px) {
    .egzv-error-message {
        padding: 8px 10px;
        font-size: 13px;
    }
}