/**
 * Global contact panel component.
 *
 * Owns the reusable `.solutionform` layout shown inside the dark Elementor
 * contact panel. Base field controls remain theme primitives; page-specific
 * form refinements can continue to override this module later in the cascade.
 */

.formcolsec,
.formcolseclast {
    position: relative;
    float: left;
    width: 100%;
    color: #000;
    text-align: left;
}

.formcolsec {
    width: 28%;
}

.formcolseclast {
    width: 10%;
}

.solutionform {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0 !important;
}

/*
 * Keep every shared Solution form panel on the global compact block rhythm.
 * Inline padding remains owned by each Elementor placement.
 * Match a directly embedded CF7 form, not a shortcode mounting an entire template.
 */
.elementor .e-con.e-con-full:has(
    > .elementor-widget-shortcode > .elementor-shortcode > .wpcf7 .solutionform,
    > .elementor-widget-shortcode > .elementor-widget-container > .elementor-shortcode > .wpcf7 .solutionform
) {
    --padding-top: clamp(36px, 2.604167vw, 50px) !important;
    --padding-bottom: clamp(36px, 2.604167vw, 50px) !important;
    padding-block: clamp(36px, 2.604167vw, 50px) !important;
}

.solutionform label {
    color: #fff;
}

.solutionform p {
    margin-bottom: 0;
}

.solutionform textarea {
    border-radius: 20px;
}

@media only screen and (max-width: 767px) {
    .elementor .e-con-boxed.e-con:has(> .e-con-inner > .e-con-full .solutionform) {
        padding-inline: 0 !important;
    }

    .solutionform {
        flex-wrap: wrap;
        gap: 20px;
    }

    .formcolsec,
    .formcolseclast {
        width: 100%;
    }
}