/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful theme suitable for blog, personal portfolio, business website and WooCommerce storefront.
Tags: custom-colors, custom-logo, custom-menu, e-commerce, featured-images, flexible-header, full-width-template, theme-options, threaded-comments, translation-ready, accessibility-ready, blog, portfolio
Version: 1.0.0
Updated: 2026-06-14 10:24:00
Text Domain: astra-child
*/

/* Contact Form 7 Error Styling */
.wpcf7-not-valid-tip {
    color: #df280a !important; /* Standard red for errors */
    font-size: 0.85em;
    margin-top: 5px;
    display: block;
}

/* General Error Response Box */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border: 2px solid #df280a !important;
    color: #df280a !important;
    background-color: rgba(223, 40, 10, 0.05);
    padding: 15px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 0.9em;
}

/* Success Response Box */
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #56b259 !important;
    color: #56b259 !important;
    background-color: rgba(86, 178, 89, 0.05);
    padding: 15px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 0.9em;
}

/* Highlight invalid inputs with a red border */
.wpcf7-not-valid {
    border-color: #df280a !important;
}

/* Fix for Subscription Form Error Alignment */
#wpforms-30 .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

#wpforms-30 .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -22px;
    left: 0;
    font-size: 0.75em;
    white-space: nowrap;
}

/* Ensure the inline layout doesn't break when the response output appears */
#wpforms-30 .wpcf7-response-output {
    margin-top: 25px;
}

/* Hide the hidden-fields-container fieldset generated by CF7 to prevent empty boxes/padding */
form.wpcf7-form fieldset.hidden-fields-container {
    display: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Make Subscription Form horizontally aligned */
#wpforms-30 .wpcf7-form {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 15px;
}

#wpforms-30 .wpcf7-form .wpforms-field-container {
    flex-grow: 1;
    margin: 0;
}

#wpforms-30 .wpcf7-form .wpforms-submit-container {
    flex-shrink: 0;
    margin: 0;
}

/* Ensure the email input takes full width of its container */
#wpforms-30 .wpcf7-form-control-wrap input[type="email"] {
    width: 100%;
}

.wpcf7-form .wpforms-field br{
    display: none!important;
}
.elementor-element .pt-0{
    padding-top: 0!important;
}

@media (max-width: 544px) {
    #wpforms-30 .wpcf7-form {
        flex-direction: column;
        align-items: stretch;
    }
    .elementor-element .pt-0{
        padding-top: 40!important;
    }
}