/* 
 * Virical CF7 Custom Styles 
 * Ensure Contact Form 7 wrappers don't break Tailwind's w-full or flex grids
 */

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

.wpcf7-form-control-wrap input.w-full,
.wpcf7-form-control-wrap select.w-full,
.wpcf7-form-control-wrap textarea.w-full {
    width: 100% !important;
}

.wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    margin: 0 !important;
}

/* Validation errors style to match the brand */
.wpcf7-not-valid-tip {
    font-size: 0.75rem !important;
    color: #ba1a1a !important;
    margin-top: 0.25rem;
    font-weight: 600;
}

.wpcf7-response-output {
    border-radius: 0.5rem !important;
    font-size: 0.875rem !important;
    font-weight: 500;
    margin: 1.5rem 0 0 0 !important;
    padding: 1rem !important;
    border: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    background-color: #ffdad6;
    color: #ba1a1a;
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #e6eeff;
    color: #1a237e;
}