/* Button Style - If you still want to use it elsewhere, otherwise can be removed. 
   Keeping it for the submit button styling which reuses some properties might be good, 
   but specific form styles are below. */

/* Form Wrapper in Tab */
.wpcp-form-wrapper {
    background-color: #f9f9f9;
    padding: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    max-width: 600px;
    /* Limit width for readability */
    margin: 0 auto;
    /* Center if needed, or remove for left align */
}

/* Form Styles */
.wpcp-form-group {
    margin-bottom: 20px;
}

.wpcp-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.wpcp-form-group .required {
    color: #e2401c;
}

.wpcp-form-group input[type="text"],
.wpcp-form-group input[type="email"],
.wpcp-form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    box-sizing: border-box;
    font-family: inherit;
    background-color: #fff;
    transition: border-color 0.3s;
}

.wpcp-form-group input:focus,
.wpcp-form-group textarea:focus {
    border-color: #7fa198;
    outline: none;
    box-shadow: 0 0 5px rgba(127, 161, 152, 0.3);
}

.wpcp-form-group input[readonly] {
    background-color: #eee;
    color: #777;
    cursor: not-allowed;
}

.wpcp-form-group textarea {
    resize: vertical;
    min-height: 100px;
}

.wpcp-form-actions {
    margin-top: 25px;
}

/* Submit Button */
.wpcp-submit-btn {
    background-color: #7fa198;
    color: #fff;
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    transition: background-color 0.3s ease;
    border-radius: 3px;
}

.wpcp-submit-btn:hover {
    background-color: #6a8c83;
}

.wpcp-submit-btn:disabled {
    background-color: #aaa;
    cursor: not-allowed;
}

/* Response Message */
#wpcp-response-message {
    margin-top: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

#wpcp-response-message.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#wpcp-response-message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .wpcp-form-wrapper {
        padding: 20px;
        width: 100%;
        max-width: none;
    }
}