label#label_1_3_5,label#label_1_11_4 {
    margin-left: -75px !important;
}
p.survey_notice{
    margin-bottom: -23px !important;
}
p.survey_notice strong {
    font-size: 15px;
}

body.lwmc_modal_active {
    overflow: hidden !important;
    height: 100vh !important;
}

.change_payment_method, .lwmc-cancel-plan-by-customer, .lwmc-cancel-plan-by-backend {
    background-color: #3a7de2 !important;
    border-radius: 8px !important;
    border: 1px solid #3a7de2 !important;
}
.change_payment_method:hover, .lwmc-cancel-plan-by-customer:hover, .lwmc-cancel-plan-by-backend:hover {
    background-color: #072553 !important;
    border-color: #092e66 !important;
    transform: translate3d(0, -3px, 0) !important;
}

.lmwc_plan_cancel_think_overlay {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  z-index: 99999; /* Higher than most WP themes */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.lmwc_plan_cancel_think_modal {
  background: #ffffff;
  width: 90%;
  max-width: 420px;
  padding: 40px 32px;
  border-radius: 28px;
  position: relative;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  text-align: left;
}

.lmwc_plan_cancel_think_close {
  position: absolute;
  top: 20px;
  right: 25px;
  background: none;
  border: none;
  font-size: 28px;
  color: #aaa;
  cursor: pointer;
}

.lmwc_plan_cancel_think_title {
  margin: 0 0 15px 0;
  font-size: 22px;
  font-weight: 700;
  color: #000;
}

.lmwc_plan_cancel_think_text {
  font-size: 16px;
  line-height: 1.4;
  color: #555;
  margin-bottom: 30px;
}

.lmwc_plan_cancel_think_button {
  width: 100%;
  background-color: #3b71ca;
  color: #fff;
  border: none;
  padding: 15px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
/**
* Survey popup by gravity forms
*/
/* Overlay & Modal Shell */
.lwmc_plan_survey_overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(30, 30, 30, 0.6); display: flex; 
    justify-content: center; align-items: center; z-index: 99999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
}

/* .lwmc_plan_survey_modal {
    background: #ffffff; width: 90%; max-width: 480px; 
    padding: 32px; border-radius: 24px; position: relative;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
} */

/* 1. Limit the modal height so it stays on the screen */
.lwmc_plan_survey_modal {
    background: #ffffff;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 25px;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    position: relative;
    max-width: 500px;
}

/* 2. Target the form container to allow internal scrolling */
.lwmc_plan_survey_form_container, .lwmc_plan_survey_form_container textarea {
    flex: 1; /* Fills available height */
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden; /* Prevents horizontal shifting */
    padding: 0 10px;

    /* 1. For Safari (Mac/iPhone) and Chrome */
    -webkit-overflow-scrolling: touch; /* Extra smooth momentum scrolling on iOS */
    
    /* 2. For Firefox */
    scrollbar-width: none; 

    /* 3. For IE/Edge */
    -ms-overflow-style: none;
}

/* Hide scrollbar for Chrome, Safari, and Opera */
.lwmc_plan_survey_form_container::-webkit-scrollbar, .lwmc_plan_survey_form_container textarea {
    display: none;
    width: 0 !important;
    height: 0 !important;
}

/* 3. Slim down the bulky GF error message to save space */
.validation_error {
    font-size: 14px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
}

/* 4. Hide the "Confirm (Required)" duplicate label to match Figma */
.lwmc_plan_survey_confirm_input label {
    display: none !important;
}

.lwmc_plan_survey_close {
    position: absolute; top: 15px; right: 20px; background: none;
    border: none; font-size: 28px; color: #999; cursor: pointer;
}

/* Gravity Forms UI Resets */
.lwmc_plan_survey_form_container .gform_heading,
.lwmc_plan_survey_form_container .gform_page_header { display: none !important; }

/* Styling Inputs & Textareas */
.lwmc_plan_survey_form_container input[type="text"],
.lwmc_plan_survey_form_container textarea {
    background: #f1f4f9 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 14px !important;
    font-size: 15px !important;
    width: 100% !important;
    margin-top: 8px;
}

/* Button Layout (Side-by-Side) */
.gform_page_footer {
    /* display: flex !important;
    flex-direction: row-reverse !important; 
    gap: 12px !important;
    margin-top: 24px !important;
    padding: 0 !important;
    border: none !important; */
}

/* Primary Action (Next/Submit) */
.gform_next_button, .gform_button {
    background-color: #3b71ca !important;
    color: white !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 24px !important;
    font-weight: 600 !important;
    flex: 1;
    cursor: pointer;
}

/* Secondary Action (Previous/Keep Plan) */
.gform_previous_button {
    background-color: #f8f9fa !important;
    color: #1a1a1a !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 14px 24px !important;
    flex: 1;
    cursor: pointer;
}

/* Danger Style for Final Submit */
.lwmc_final_step_active .gform_button {
    background-color: #d32f2f !important;
}

/*
* Final confirmation popup
*/

/* Container Spacing */
.lwmc_plan_survey_final_wrapper {
    text-align: left;
    color: #5f6368;
}

.lwmc_plan_survey_title {
    color: #1a1a1a;
    font-size: 22px;
    font-weight: 700;
    /* margin-bottom: 20px; */
}

/* Warning Section */
.lwmc_plan_survey_alert_text {
    font-size: 16px;
    margin-bottom: 15px;
}

.lwmc_plan_survey_alert_text strong {
    color: #3c4043;
}

.lwmc_plan_survey_expiry_text {
    font-size: 14px;
    margin-bottom: 10px;
}

/* Bullet Points */
.lwmc_plan_survey_bullets {
    margin: 0 0 25px 0;
    padding-left: 20px;
}

.lwmc_plan_survey_bullets li {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.4;
    list-style-type: disc;
}

/* Instruction Text */
.lwmc_plan_survey_instruction {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
    margin-top: 10px;
}

.lwmc_confirm_plan_cancel label {
    display: none !important;
}

.lwmc_confirm_plan_cancel {
    margin-top: -26px !important;
}

/* Contact Sales Footer */
.lwmc_plan_survey_footer_links {
    text-align: center;
    margin-top: 24px;
    font-size: 14px;
    color: #5f6368;
}

.lwmc_plan_survey_footer_links a {
    color: #3b71ca;
    text-decoration: none;
    font-weight: 600;
}

/* Danger Button Override for Last Page */
.lwmc_final_step_active .gform_button {
    background-color: #d93025 !important; /* Red color from Figma */
}

/* Targets the wrapper of the text field where they type 'cancel' */
.lwmc_plan_survey_confirm_input {
    position: relative;
}

.lwmc_plan_survey_confirm_input::after {
    content: "Required";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #9aa0a6;
    pointer-events: none;
}

.lwmc_final_confirmation_page input[type="submit"] {
    background: #d33f3f !important;
}

p.lwmc_questions {
    text-align: center;
    width: 100%;
}
p.lwmc_questions a {
    color: #3370c9 !important;
    font-weight: 500;
}

.lwmc_final_confirmation_page .gform-page-footer.gform_page_footer {
    justify-content: unset;
}

.lwmc_textarea textarea{
    max-height: 50px !important;
    min-block-size: 3rem !important;
}

.lwmc_textarea {
    margin-top: -25px !important;
}

.gform-theme--framework .gf_progressbar .percentbar_blue {
    background-color: #3B82F6 !important;
}


/* If on the final step, we can use a higher-level class to turn the button red */
.lwmc_final_step_active .gform_button {
    background-color: #d32f2f !important; /* Red confirmed */
}

/*
* Gform footer
*/

.gform-page-footer.gform_page_footer.top_label {
    justify-content: end;
}

/* 2. Previous Button: Auto width based on text */
.lwmc_plan_cancel_survey_form .gform_previous_button {
    flex: 0 0 auto !important; 
    min-width: 100px !important;
    background-color: #ffffff !important;
    color: #0d1216 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
    padding: 12px 20px !important;
}

/* 3. Keep My Plan: The "Hero" button (60% width) */
.lwmc_plan_survey_keep_btn {
    flex: 0 0 53% !important; /* Captures 60% of the row */
    background-color: #ffffff !important;
    color: #0d1216 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px !important;
    padding: 12px !important;
    text-align: center !important;
}


/* Mobile Tweaks: If they get too squished on small phones */
@media screen and (max-width: 480px) {
    .lwmc_plan_cancel_survey_form .gform_page_footer {
        flex-wrap: wrap !important;
    }
    .lwmc_plan_cancel_survey_form .gform_previous_button {
        flex: 0 0 100% !important; /* Previous on top row */
    }
    .lwmc_plan_survey_keep_btn {
        flex: 0 0 100% !important; /* Keep Plan & Next side-by-side below */
    }
    .lwmc_plan_cancel_survey_form .gform_next_button {
        flex: 0 0 100% !important; /* next on top row */
    }
}