/**
 * PCTI Contact Form Styles
 */

/* Form Container */
.pcti-contact-form-container {
    margin-bottom: 30px;
}

/* Form Messages */
.pcti-contact-form-messages {
    margin-bottom: 20px;
}

.pcti-contact-form-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.pcti-contact-form-error {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}


/* Error Messages */
.pcti-error-message {
    color: #a94442;
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
}



.pcti-contact-form .pcti-submit-btn:hover {
    background-color: #062c1e;
}

/* Loading Indicator */
.pcti-loading {
    display: inline-block;
    margin-left: 10px;
    font-style: italic;
    color: #666;
}

/* Form Validation Styles */
.pcti-contact-form input.error,
.pcti-contact-form textarea.error {
    border-color: #a94442;
    background-color: #fff8f8;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .pcti-contact-form .s-12,
    .pcti-contact-form .m-9,
    .pcti-contact-form .l-8,
    .pcti-contact-form .l-7,
    .pcti-contact-form .l-9,
    .pcti-contact-form .l-12 {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* Admin Styles */
.pcti-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}

.pcti-status-unread {
    background-color: #e5f5fa;
    color: #0073aa;
}

.pcti-status-read {
    background-color: #f1f1f1;
    color: #666;
}

.pcti-message-body {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    white-space: pre-line;
}

/* reCAPTCHA Styles */
.pcti-recaptcha-container {
    margin-bottom: 20px;
}

.pcti-message-meta {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.pcti-message-content {
    margin-bottom: 20px;
}

.pcti-message-reply {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.pcti-message-actions {
    margin-bottom: 20px;
}