/**
 * Public styles for KWCheck WhatsApp.
 *
 * @since      1.0.0
 * @package    KWCheck_WhatsApp
 * @subpackage KWCheck_WhatsApp/public/css
 */

/* Validation feedback messages */
.kwcheck-feedback {
    font-size: 14px;
    margin-top: 5px;
    padding: 5px 0;
    min-height: 20px;
}

.kwcheck-validating, 
.kwcheck-success, 
.kwcheck-error {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
}

.kwcheck-validating {
    color: #007cba;
    background-color: #e6f0f8;
}

.kwcheck-success {
    color: #46b450;
    background-color: #ecf9ee;
}

.kwcheck-error {
    color: #dc3232;
    background-color: #fbeaea;
}

/* Loading indicator for validation */
.kwcheck-validating:after {
    content: ".";
    animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
    0%, 20% { content: "."; }
    40% { content: ".."; }
    60% { content: "..."; }
    80%, 100% { content: ""; }
}

/* Disabled button styling */
.elementor-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}