/* ==========================================================
   GLOBAL CONTACT FORM VARIANTS
   ========================================================== */

/* ----------------------------------------------------------
   Burble thank-you variant
   ---------------------------------------------------------- */

/*
 * The Burble Elementor column is narrower than the standard
 * contact-form area. Break the thank-you panel out of that
 * narrow column so it matches the standard desktop width,
 * while still remaining responsive on smaller screens.
 */
.cf7-custom-wrap.cf7-theme-burble .cf7-success-panel {
    width: min(914px, calc(100vw - 40px));
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.cf7-custom-wrap.cf7-theme-burble .cf7-success-inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* Keep the body copy readable on the light grey background. */
.cf7-custom-wrap.cf7-theme-burble .cf7-success-inner p,
.cf7-custom-wrap.cf7-theme-burble .cf7-success-inner p a {
    color: #000000 !important;
}

/* Burble green accents only. */
.cf7-custom-wrap.cf7-theme-burble .cf7-success-line,
.cf7-custom-wrap.cf7-theme-burble .cf7-success-btn {
    background-color: #d8e048 !important;
}

@media (max-width: 767px) {
    .cf7-custom-wrap.cf7-theme-burble .cf7-success-panel {
        width: calc(100vw - 30px);
    }
}