:root {
    --primary-blue: #2196f3;
    --dark-blue: #00559b;
    --light-blue: #5fb0f3;

}


/* Heading Start */
#wps_upsell_bump_setting_wrapper.woocommerce {
    padding: 25px;
    margin: 20px 20px 0 0;
    border-radius: 8px;
}

#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_header_row {
    align-items: center;
    padding: 0 0 25px;
}

#wps_upsell_bump_setting_wrapper.woocommerce .wps_upsell_bump_setting_title {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    text-align: left;
}

#wps_upsell_bump_setting_wrapper.woocommerce .wps_upsell_bump_setting_title .wps_ubo_version {
    display: inline-block;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1;
}

#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_meta_links a.button {
    padding: 5px 10px;
    line-height: 1.25;
    border: 1.5px solid #ddd;
    border-radius: 4px;
    align-items: center;
    display: flex;
    color: #000;
    gap: 5px;
    background: #f2f2f2;
}

#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_meta_links a.button:hover {
    background: transparent;
}
#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_meta_links a.button:last-of-type:hover {
    background: var(--dark-blue);
    
}
.wps_ubo_action_bar.wps-disabled .wps_ubo_bump_tool{
position: relative;

}

.wps_ubo_action_bar.wps-disabled .wps_ubo_bump_tool:after {
    content: "Pro";
    position: absolute;
    padding: 2px 11px;
    /* background: red; */
    border: 1.5px solid;
    border-radius: 50px;
    right: -20px;
    top: -17px;
    background: #d9eeff;
    border-color: var(--primary-blue);
    color: var(--dark-blue);
    font-size: 10px;
    /* padding: 4px 12px; */
    /* border-radius: 20px; */
    font-weight: 600;
    letter-spacing: 0.4px;
}



#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_meta_links a.button .dashicons {
    line-height: 20px;
}


@media screen and (max-width: 782px) {
    #wps_upsell_bump_setting_wrapper.woocommerce {
        padding: 15px;
        margin: 20px 20px 0 10px;
    }
}

/* Heading End */

/* Tabs Start */

#wps_upsell_bump_setting_wrapper nav.nav-tab-wrapper.woo-nav-tab-wrapper {
    padding: 0;
    flex-wrap: wrap;
}

#wps_upsell_bump_setting_wrapper a.nav-tab {
    background: transparent;
    color: #303030;
    font-weight: 600;
    line-height: 1.5;
    display: flex;
    border-radius: 8px 8px 0 0;
    align-items: center;
    gap: 5px;
    justify-content: center;
    padding: 15px;
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper,
#wps_upsell_bump_setting_wrapper .nav-tab {
    flex: 0;
}

#wps_upsell_bump_setting_wrapper .nav-tab path,
#wps_upsell_bump_setting_wrapper .nav-tab circle {
    stroke-width: 1.5px;
}

#wps_upsell_bump_setting_wrapper .nav-tab:hover path,
#wps_upsell_bump_setting_wrapper .nav-tab:hover circle {
    stroke: var(--primary-blue);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_meta_links {
    flex-wrap: wrap;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_meta_links a.button.active-pro-btn {
    background: var(--light-blue);
    color: #fff;
    border: none;
    font-weight: 600;
}

#wps_upsell_bump_setting_wrapper a.nav-tab.nav-tab-active,
#wps_upsell_bump_setting_wrapper .nav-tab.nav-tab-active path,
#wps_upsell_bump_setting_wrapper .nav-tab.nav-tab-active circle {
    stroke: var(--primary-blue);
    color: #303030;
    border-bottom: 2px solid var(--primary-blue);
    background: linear-gradient(180deg, #f5f5f5, transparent);
}

#wps_upsell_bump_setting_wrapper a.nav-tab:hover,
#wps_upsell_bump_setting_wrapper a.nav-tab:focus {
    background: linear-gradient(180deg, #f5f5f5, transparent);
    color: #303030;
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs {
    margin: 5px 0 10px;
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs a.sub-tab {
    color: #303030;
    font-weight: 600;
    border: none;
    background: transparent;
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs a.sub-tab.nav-tab-active {
    color: var(--dark-blue);
    border: 1.5px solid var(--light-blue);
    border-radius: 4px;
    background: linear-gradient(180deg, transparent, #abdaff);
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs a.sub-tab:hover {
    color: var(--primary-blue);
}

/* Tabs End */

/* General Settings tab start */

#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_bump_creation_setting tr th,
#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_bump_creation_setting tr td {
    border: none;
    background: transparent;
    padding: 15px 20px !important;
}

#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_bump_creation_setting tr th {
    width: 400px;
}

#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_bump_creation_setting tr {
    background: transparent;
}

#wps_upsell_bump_setting_wrapper .wps_upsell_table {
    border-radius: 8px;
    border: 1px solid #ddd;
    /* padding: 10px; */
}

#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_bump_creation_setting tr td {
    padding-left: 35px !important;
        display: flex;
    gap: 20px;
    align-items: center;
}
.wps_upsell_table .wps-ubo-success-page-btn {
    background: #fff;
}
.wps_upsell_table .wps-ubo-success-page-btn:hover {
    background: var(--primary-blue);
    border: none;
    color: #fff;
}
#wps_upsell_bump_setting_wrapper table tr td label {
    top: 0;
}

#wps_upsell_bump_setting_wrapper table tr td label:has(select) {
    width: auto;
    height: auto;
    display: block;
}

#wps_upsell_bump_setting_wrapper table tr th label {
    color: #303030;
      padding: 0 15px;
}


#wps_upsell_bump_setting_wrapper p.submit .woocommerce-save-button#wps_upsell_bump_creation_setting_save:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 15%), 0 5px 5px #0356c291 inset;
}

#wps_upsell_bump_setting_wrapper p.submit {
    text-align: right;
    padding-bottom: 0 !important;
    position: sticky;
    bottom: 25px;
}

#wps_upsell_bump_setting_wrapper p.submit .woocommerce-save-button#wps_upsell_bump_creation_setting_save {
    border-radius: 8px;
    font-size: 16px;
    padding: 14px 22px;
    line-height: 1.25;
    background: var(--primary-blue);
    transition: all 0.2s linear;
}

#wps_upsell_bump_setting_wrapper select,
#wps_upsell_bump_setting_wrapper input[type=text],
#wps_upsell_bump_setting_wrapper input[type=number] {
    border: 1.5px solid #dcdcdc;
    max-width: 400px;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
    min-height: 30px;
    width: 100%;
    height: auto !important;
}

button#wps_ubo_popup_configure_btn {
    border: none;
    background: transparent;
    height: auto;
    min-height: 0;
    padding: 0;
    line-height: 1;
    vertical-align: middle;
    opacity: 0.4;
    transition: all 0.3s linear;
    margin: 0 0 0 3px !important;
}

button#wps_ubo_popup_configure_btn:hover {
    opacity: 1;
}

@media screen and (max-width: 400px) {}

/* General Settings tab end */

/* Settings saved notice start */
#wps_upsell_bump_setting_wrapper .wps-notice.notice-success {
    position: absolute;
    top: 25px;
    right: 25px;
    /* left: 50%; */
    /* transform: translate(-50%,0); */
    margin: 0;
    border-radius: 8px;
    background: #eaffe0;
    border: 1.5px solid #52a529;
    padding: 20px;
    min-width: 300px;
}

#wps_upsell_bump_setting_wrapper .wps-notice.notice-success p {
    padding: 0;
    line-height: 1.25;
    color: #2d730b;
}

#wps_upsell_bump_setting_wrapper .wps-notice.notice-success .notice-dismiss {
    position: absolute;
    top: 0;
    padding: 5px;
    right: 0;
}

#wps_upsell_bump_setting_wrapper .wps-notice.notice-success .notice-dismiss:before {
    color: #2d730b;
}

/* Settings saved notice end */

/* Conditional template auto-enable notice */
#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 22px 24px;
    margin: 0 0 22px;
    border-radius: 6px;
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #0f315c;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    clear: both;
    margin-left: 0;
    margin-right: 0;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice__content {
    display: block;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice__title {
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: 700;
    color: #1d2327;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice.notice.is-dismissible {
    padding-right: 52px;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice .notice-dismiss {
    position: absolute;
    top: 12px;
    right: 12px;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice .notice-dismiss:before {
    color: #7a7a7a;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice__list {
    margin: 0;
    padding-left: 20px;
    color: #2c2c2c;
    line-height: 1.6;
    list-style: decimal;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-conditional-notice__list li + li {
    margin-top: 2px;
}

/* ORDER BUMP SETTING PAGE  */

.wps-ubo-bump-cards {
    grid-template-columns: repeat(auto-fit, minmax(410px, 1fr));
}

.wps_upsell_bump_create_new_bump .wps-ubo-open-template-modal {
    background: var(--primary-blue);
    border: 2px solid var(--primary-blue);
    border-radius: 4px;
    font-size: 16px;
    padding: 12px;
    color: #fff;
}

.wps-ubo-bump-block .wps_upsell_bump_links {
    background: #fff;
    color: var(--primary-blue);
    border: 1px solid var(--primary-blue);
    text-decoration: none;
    border-radius: 4px;
}

.wps-ubo-bump-card .wps_upsell_bump_list_targets {
    background-color: #f1f1f1;
    border-radius: 6px;
}

.wps-ubo-bump-card {
    background-color: #ffffff;
}

.wps-ubo-bump-block.wps-ubo-bump-actions {
    border: none;
    align-self: flex-end;
}

.wps-ubo-bump-card .wps-ubo-bump-card__body {
    flex: 1;
}

.wps-ubo-bump-card a.wps_upsell_bump_links:last-of-type {
    margin-left: auto;
    color: #fff;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    border-color: transparent;

}

.wps-ubo-bump-card a.wps_upsell_bump_links:last-of-type path {
    stroke: #dcdcdc;
}

.wps-ubo-bump-card a.wps_upsell_bump_links:last-of-type:hover path {
    stroke: var(--primary-blue)
}

#wps_upsell_bump_setting_wrapper .wps_upsell_bumps_list {
    margin: 10px 0 0;
}

#wps_ubo_import_csv_form button {
    background: #fff;
    color: var(--primary-blue);
    border-color: var(--primary-blue);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_bump_tool .button-primary {
    background: var(--primary-blue);
    border: none;
}

.wps-ubo-bump-card .wpsb-chip {
    border-radius: 5px;
    color: var(--primary-blue);
}

.wps-ubo-bump-card .wps-ubo-bump-actions {
    justify-content: center;
    align-items: center;
}

.wps_ubo_action_bar .wps_ubo_bump_tools_wrapper {
    justify-content: space-between;
    flex: 1;
}

.wps_wocuf_pro_funnels_list {
    margin-top: 0;
}

@media screen and (max-width: 600px) {
    .wps-ubo-bump-cards {
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    }
}

/* ORDER BUMP SETTING PAGE END */

/* ORDER BUMP SETTING PAGE POPUP CARDS START  */

.wps-ubo-template-card .wps-ubo-template-icon {
    padding: 14px;
    border-radius: 100px;
}

.wps-ubo-template-card {
    justify-content: space-between;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-card__head .wps-ubo-template-card__text p {
    padding: 10px 0;
}

.wps-ubo-template-card__head .wps-ubo-template-icon {
    position: absolute;
    background: none;
    font-size: 24px !important;
}

.wps-ubo-template-card__head .wps-ubo-template-card__text h4 {
    margin-left: 40px;
    padding: 10px 0;
    font-size: 14px;
}

.wps-ubo-template-card.is-open {
    position: relative;
}

#wps-ubo-template-modal .wps-ubo-template-card>.wps-ubo-template-card__head>.wps-ubo-template-badge {
    position: absolute;
    right: 0;
    margin-top: -30px;
    margin-right: 10px;
    font-size: 10px !important;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-card .wps-ubo-template-choose {
    display: flex;
    justify-content: center;
    border-radius: 4px;
    background: #fff;
    color: var(--primary-blue);
    padding: 5px;
    border-color: var(--primary-blue);
}

.wps-ubo-template-card.is-open:hover {
    border: 1px solid var(--primary-blue);
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-open:hover .wps-ubo-template-choose {
    background: var(--primary-blue);
    color: #fff;
}

.wps-ubo-template-dialog__head h3 {
    margin: 0;
}

#wps-ubo-template-modal .wps-ubo-template-icon {
    color: var(--primary-blue);
}

#wps_upsell_bump_setting_wrapper .pre-bump-report_analytics a {
    padding: 6px 14px;
    background-color: var(--primary-blue);
}
#wps_upsell_bump_setting_wrapper .wps-report-actions .button-primary {
    border: 1.5px solid #d4d4d4;
    color: #000;
    background: #f2f2f2;
}
#wps_upsell_bump_setting_wrapper .wps-report-actions .button-primary:hover {
    background: #fff;
}

#wps_upsell_bump_setting_wrapper .wps_upsell_table .wps_upsell_bump_offers h1 {
    margin: 10px 0;
    border-radius: 0;
    background: none;
}

#wps_upsell_bump_setting_wrapper .wps_upsell_table .new_offers .wps_upsell_offer_title {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
}

.new_created_offers.wps_upsell_single_offer table {
    border: none;
}


.wps_upsell_bump_offers {
    background: none !important;
}

#wps_upsell_bump_setting_wrapper .wps_upsell_table .new_offers .wps_upsell_offer_title {
    background: #f1f1f1;
    color: #000;
}

/* ORDER BUMP SETTING PAGE POPUP CARDS END */


/* Report Section page layout Css */
.wps_upsell_bumps_list-report {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 20px 0;
}

.wps-bump-offer-cards {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    border: 1.5px solid #E7E5E4;
    align-items: center;
    box-shadow: 0 4px 24px 0 rgba(16, 25, 45, 0.06);
}

#wps_upsell_bumps_list-report .card-content h4 {
    margin: 0;
    font-size: 16px;
    color: #6b7280;
    font-weight: 500;
}

#wps_upsell_bumps_list-report .card-content p {
    margin-top: 6px;
    font-size: 24px;
    font-weight: 600;
    color: #111827;
}

.card-icon img {
    width: 40px;
    height: 40px;
}

@media (max-width: 1024px) {
    .wps_upsell_bumps_list-report {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .wps_upsell_bumps_list-report {
        grid-template-columns: 1fr;
    }

}

/* Pie chart main wrapper */

.wps_upsell_bumps_list-piechart {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.wps_upsell_bumps_list-piechart-con {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px;
    border: 1.5px solid #E7E5E4;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(16, 25, 45, 0.06);
    overflow: hidden;
}


.wps_upsell_bumps_list-piechart-con canvas {
    max-width: 400px;
    max-height: 400px;
    border: none;
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    aspect-ratio: 1 / 1; 
    display: block;
}

@media (max-width: 1024px) {
    .wps_upsell_bumps_list-piechart {
        grid-template-columns: repeat(2, 1fr);
    }

   
}

@media (max-width: 576px) {
    .wps_upsell_bumps_list-piechart {
        grid-template-columns: 1fr;
    }
    .wps_upsell_bumps_list-piechart-con {
        padding: 12px;
    }

  
}

/* Upsell funnel setting page css*/
/* FOR ORG MODAL START*/

.wps_wocuf_pro_create_new_funnel #wps-wocuf-open-funnel-template-modal {
    background: var(--primary-blue);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 16px;
    color: #fff;
}
.wps_wocuf_pro_create_new_funnel .wps-wocuf-pro-open-funnel-template-modal {
    background: var(--primary-blue);
    border: none;
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 16px;
    color: #fff;
}

#wps-wocuf-pro-funnel-template-modal .wps-ubo-template-badge {
    position: absolute;
    right: 0;
    margin-top: -30px;
    margin-right: 10px;
    font-size: 10px !important;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    letter-spacing: 0.4px;
}

#wps-wocuf-pro-funnel-template-modal .wps-ubo-template-icon {
    color: var(--primary-blue);
}

#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_funnels_list p {
    padding: 0;
}

.wps-ubo-bump-card .wps_upsell_funnel_list_targets {
    background-color: #f1f1f1;
    border-radius: 6px;
}

.wps-ubo-bump-card .wps_upsell_bump_links:last-of-type {
    margin-left: auto;
    color: #fff;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    border-color: transparent;

}

.wps-ubo-bump-card .wps_upsell_bump_links:last-of-type path {
    stroke: #dcdcdc;
}

.wps-ubo-bump-card .wps_upsell_bump_links:last-of-type:hover path {
    stroke: var(--primary-blue)
}

/* Upsell funnel setting - create section css*/
#wps_upsell_bump_setting_wrapper .wps_upsell_table #wps_upsell_funnel_name_heading h2 {
    font-size: 32px;
    margin: 0;
    font-weight: 400!important;
}
.wps_upsell_table #wps_upsell_funnel_status {
    padding: 0 !important;
}

#wps_upsell_bump_setting_wrapper .wps_upsell_table #wps_upsell_funnel_name_heading div#wps_upsell_funnel_status .wps_upsell_funnel_span {
    background-color: #cccccc;
}

#wps_upsell_bump_setting_wrapper .wps_upsell_table #wps_upsell_funnel_name_heading div#wps_upsell_funnel_status span.wps_upsell_funnel_status_off {
    color: #999999;
}

table.form-table.wps_wocuf_pro_creation_setting {
    box-shadow: none;
    border: none;
    margin-top: 0!important;
}

.wps_wocuf_pro_funnels_list table td,
.wps_wocuf_pro_funnels_list table th,
.wps_upsell_table table th,
.wps_upsell_table table td {
    border: none;
}


#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_creation_setting tr:nth-of-type(even) {
    background: none;
}
#wps_upsell_bump_name_heading {
    padding: 0 20px;
}
.wps_wocuf_pro_create_new_offer:hover, .wps_wocuf_pro_create_new_funnel a:hover {
    border: none;
    color: #fff;
    background-color: var(--primary-blue);
    opacity: unset;
    
}
.wps_upsell_table table th label h4 {
    padding: 0!important;
}

/* short code page css */

#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_shortcodes {
    border: none;
    
} 
.wps_wocuf_pro_shortcodes .wps_upsell_shortcodes_hr {
    display: none;
}

/* Store checkout setting page */
#wps_upsell_bump_setting_wrapper table.form-table.wps_wocuf_pro_creation_setting tr th {
    padding: 0 22px !important;
}
#wps-ufw_main.wps-ufw_store-checkout {
    margin: 0;
}



/* Container for the buttons/checkbox */
.wps-report-actions {
   display: flex;
   justify-content: flex-end; /* Moves content to the right */
   align-items: center;
   gap: 15px;
   margin-bottom: 25px;
}


/* Auto refresh label styling */
.wps-auto-refresh-label {
   cursor: pointer;
   font-size: 13px;
   display: flex;
   align-items: center;
   gap: 5px;
   color: #646970;
}


/* Timer text styling */
.wps-timer-text {
   color: #666;
   font-size: 13px;
}


/* Title styling to match your structure */
.wps_ubo_stats_heading_title {
   margin: 30px 0 20px 0;
   font-size: 20px;
   font-weight: 600;
}
/* order bump modal css for org*/


#wps_upsell_bump_setting_wrapper .wps-ubo-template-badge.is-locked {
    position: absolute;
    right: 0;
    margin-top: -30px;
    margin-right: 10px;
    font-size: 10px !important;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
#wps_upsell_bump_setting_wrapper .wps-ubo-template-badge.is-locked {
    background: #d9eeff;
    border-color: var(--primary-blue);
    color: var(--dark-blue);
}
#wps_upsell_bump_setting_wrapper .wps-ubo-template-icon {
    color: var(--primary-blue);
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-dialog__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
}

.wps-ubo-template-dialog__head h3 {
    padding: 0 10px;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-locked::after{
    background:none;
}
#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-locked {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.06), rgba(59, 130, 246, 0.05));
    border-color: var(--primary-blue);
    overflow: unset;
}  
/* order bump modal css for ORG */

#wps_upsell_bump_setting_wrapper .wps-bump-offer-cards h4 ,#wps_upsell_bump_setting_wrapper .wps-bump-offer-cards h4 {
    margin-top: 0;
}
#wps_upsell_bump_setting_wrapper .wps_upsell_table #wps_upsell_funnel_name_heading h2 {
    float: none;
}

#wps_upsell_bump_setting_wrapper #wps_upsell_lite_overview_pro_version h3 {
    border-radius: 8px;
}
#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_slide_down_table .wps_upsell_other_plugin_author_name {
    padding: 0 15px;
}
#wps_upsell_bump_setting_wrapper .wps-ubo-template-choose.is-locked {
    background: var(--primary-blue);
    color: #fff;
}
#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_create_new_offer {
    border-radius: 4px;
}

body.wps-ubo-pro-inactive .wps_ubo_action_bar {
    opacity: 0.5;
    pointer-events: none;
    filter: grayscale(50%);
    user-select: none;
}

body.wps-ubo-pro-inactive .wps_ubo_action_bar * {
    cursor: not-allowed !important;
}

/* Global CSS & JS CodeMirror normalization */
.CodeMirror {
    height: 180px;
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Fixed gutter space (equal for both) */
.CodeMirror .CodeMirror-gutters {
    width: 40px;
    min-width: 40px;
}

/* Hide line numbers but keep space */
.CodeMirror .CodeMirror-linenumber {
    visibility: hidden;
}

/* Align content after gutter */
.CodeMirror .CodeMirror-sizer {
    margin-left: 40px;
}

/* Normalize internal spacing */
.CodeMirror pre,
.CodeMirror .CodeMirror-scroll {
    margin: 0;
    padding: 0;
    line-height: 22px;
}
.wps_ubo_action_bar.wps-disabled {
    margin-top: 23px;
}

/* ============================================================
   WPS-6874  UI/UX redesign  banner + body grid + sidebar
   ============================================================ */

#wps_upsell_bump_setting_wrapper {
    --wps-ubo-banner: #2c1654;
    --wps-ubo-banner-strong: #1a0a3d;
    --wps-ubo-pill: #4a2a86;
    --wps-ubo-accent: #f59e0b;
    --wps-ubo-accent-strong: #d97706;
    --wps-ubo-card-border: #e6e6ea;
    --wps-ubo-card-shadow: 0 1px 2px rgba(20, 8, 50, 0.04);
    --wps-ubo-pro-flag: #16a34a;
    --wps-ubo-pro-flag-strong: #15803d;
    --wps-ubo-text-muted: #5f6675;
}

/* --- Banner --- */
#wps_upsell_bump_setting_wrapper .wps_ubo_top_banner {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 24px;
    margin: 0 0 18px;
    background: linear-gradient(90deg, var(--wps-ubo-banner-strong), var(--wps-ubo-banner));
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 4px 16px rgba(28, 11, 65, 0.18);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_status_pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--wps-ubo-pill);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    line-height: 1.2;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_status_pill--pro {
    background: var(--wps-ubo-accent);
    color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_banner_title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_banner_spacer {
    flex: 1;
}

@media screen and (max-width: 782px) {
    #wps_upsell_bump_setting_wrapper .wps_ubo_top_banner {
        padding: 12px 16px;
        flex-wrap: wrap;
    }
}

/* --- Body grid: main + sidebar --- */
#wps_upsell_bump_setting_wrapper .wps_ubo_body_grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: flex-start;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_main_column {
    min-width: 0;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: sticky;
    top: 40px;
}

@media screen and (max-width: 1200px) {
    #wps_upsell_bump_setting_wrapper .wps_ubo_body_grid {
        grid-template-columns: 1fr;
    }

    #wps_upsell_bump_setting_wrapper .wps_ubo_sidebar {
        position: static;
    }
}

/* --- Sidebar cards --- */
#wps_upsell_bump_setting_wrapper .wps_ubo_side_card {
    background: #fff;
    border: 1px solid var(--wps-ubo-card-border);
    border-radius: 10px;
    padding: 18px 18px 16px;
    box-shadow: var(--wps-ubo-card-shadow);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__title {
    margin: 0 0 14px;
    font-size: 15px;
    font-weight: 700;
    color: #1a0a3d;
    line-height: 1.35;
    display: flex;
    align-items: center;
    gap: 6px;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__title .wps_ubo_side_card__icon {
    color: var(--wps-ubo-accent);
    font-size: 16px;
    line-height: 1;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__lead {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--wps-ubo-text-muted);
    line-height: 1.5;
}

/* Plain link list (Watch Video / Documentation / Support) */
#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    border: 1px solid var(--wps-ubo-card-border);
    border-radius: 8px;
    color: #1a0a3d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.18s ease;
    background: #fff;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__links a:hover,
#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__links a:focus {
    border-color: var(--wps-ubo-banner);
    color: var(--wps-ubo-banner);
    box-shadow: 0 0 0 3px rgba(44, 22, 84, 0.08);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__links a::after {
    content: "\203A";
    font-size: 18px;
    line-height: 1;
    color: #b9b9c2;
    transition: transform 0.18s ease, color 0.18s ease;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__links a:hover::after {
    color: var(--wps-ubo-banner);
    transform: translateX(2px);
}

/* Service tiles (Grow Your Store) */
#wps_upsell_bump_setting_wrapper .wps_ubo_side_services {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--wps-ubo-card-border);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    background: #fff;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service:hover,
#wps_upsell_bump_setting_wrapper .wps_ubo_side_service:focus {
    border-color: var(--wps-ubo-banner);
    box-shadow: 0 0 0 3px rgba(44, 22, 84, 0.08);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service__icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 158, 11, 0.12);
    color: var(--wps-ubo-accent-strong);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service__icon .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service__body {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service__title {
    font-size: 13px;
    font-weight: 600;
    color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service__sub {
    font-size: 12px;
    color: var(--wps-ubo-text-muted);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_service__chevron {
    color: #b9b9c2;
    font-size: 18px;
    line-height: 1;
}

/* Solid CTA button (Talk to an Expert / Contact Us / View More Plugins) */
#wps_upsell_bump_setting_wrapper .wps_ubo_side_cta {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    text-align: center;
    background: #1a0a3d;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.18s ease, transform 0.18s ease;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_cta:hover,
#wps_upsell_bump_setting_wrapper .wps_ubo_side_cta:focus {
    background: var(--wps-ubo-banner);
    color: #fff;
    transform: translateY(-1px);
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_cta--accent {
    background: var(--wps-ubo-accent);
    color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_cta--accent:hover,
#wps_upsell_bump_setting_wrapper .wps_ubo_side_cta--accent:focus {
    background: var(--wps-ubo-accent-strong);
    color: #fff;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_side_card__footnote {
    margin: 10px 0 0;
    font-size: 11px;
    color: var(--wps-ubo-text-muted);
    text-align: center;
}

/* --- Tab nav re-tint to match purple/amber palette --- */
#wps_upsell_bump_setting_wrapper a.nav-tab.nav-tab-active,
#wps_upsell_bump_setting_wrapper .nav-tab.nav-tab-active path,
#wps_upsell_bump_setting_wrapper .nav-tab.nav-tab-active circle {
    stroke: var(--wps-ubo-accent-strong);
    color: #1a0a3d;
    border-bottom: 2px solid var(--wps-ubo-accent);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), transparent);
}

#wps_upsell_bump_setting_wrapper .nav-tab:hover path,
#wps_upsell_bump_setting_wrapper .nav-tab:hover circle {
    stroke: var(--wps-ubo-banner);
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs a.sub-tab.nav-tab-active {
    color: #1a0a3d;
    border: 1.5px solid var(--wps-ubo-accent);
    background: linear-gradient(180deg, transparent, rgba(245, 158, 11, 0.18));
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs a.sub-tab:hover {
    color: var(--wps-ubo-banner);
}

/* --- Header meta links (Docs/Support/Video) hover tweak --- */
#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_meta_links a.button:last-of-type:hover {
    background: var(--wps-ubo-banner);
    color: #fff;
}

#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_meta_links a.button.active-pro-btn {
    background: var(--wps-ubo-accent);
    color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper.woocommerce .wps_ubo_meta_links a.button.active-pro-btn:hover {
    background: var(--wps-ubo-accent-strong);
    color: #fff;
}

/* --- Toggle "on" amber accent (matches reference) --- */
#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_bump_creation_setting
    .wps_upsell_bump_enable_plugin_label
    .wps_upsell_bump_enable_plugin_input:checked
    + .wps_upsell_bump_enable_plugin_span,
#wps_upsell_bump_setting_wrapper table.form-table.wps_upsell_bump_creation_setting
    .wps_upsell_bump_enable_plugin_label
    .wps_upsell_bump_enable_plugin_input:checked
    + .wps_upsell_bump_enable_plugin_span1 {
    background-color: var(--wps-ubo-accent);
}

#wps_upsell_bump_setting_wrapper .wps-upsell-smart-pre-order-skip-wrap:checked + .upsell-smart-pre-order-skip-btn,
#wps_upsell_bump_setting_wrapper .upsell-product-offer-strip-wrap:checked + .upsell-product-offer-strip-btn,
#wps_upsell_bump_setting_wrapper .wps_ubo_abandoned_cart-wrap:checked + .wps_ubo_abandoned_cart-btn {
    background-color: var(--wps-ubo-accent);
}

/* --- Save Changes button --- */
#wps_upsell_bump_setting_wrapper p.submit .woocommerce-save-button#wps_upsell_bump_creation_setting_save,
#wps_upsell_bump_setting_wrapper p.submit input.woocommerce-save-button {
    background: #1a0a3d;
    color: #fff;
    border-color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper p.submit .woocommerce-save-button#wps_upsell_bump_creation_setting_save:hover,
#wps_upsell_bump_setting_wrapper p.submit input.woocommerce-save-button:hover {
    background: var(--wps-ubo-banner);
    border-color: var(--wps-ubo-banner);
    box-shadow: 0 10px 18px rgba(26, 10, 61, 0.22);
}

/* --- "Pro" angled-flag badge: keep the original green to match the reference --- */
.wps_ubo_premium_strip,
.wps_wupsell_premium_strip {
    background-color: #78c900 !important;
    border-color: #78c900 !important;
    color: #fff !important;
}

.wps_ubo_premium_strip:after,
.wps_wupsell_premium_strip:after {
    border-top-color: #78c900 !important;
}

/* --- Floating Skype/WhatsApp connect widget gear icon --- */
.wps_ubo_lite_skype_setting {
    background-color: #1a0a3d !important;
    color: #fff !important;
}

.wps_ubo_lite_skype_setting span {
    color: #fff !important;
}

/* --- All toggle switches across the plugin dashboard flip to amber when "on" --- */
input[type="checkbox"]:checked + .wps_upsell_bump_enable_plugin_span,
input[type="checkbox"]:checked + .wps_upsell_bump_enable_plugin_span1,
input[type="checkbox"]:checked + .wps_upsell_bump_enable_permalink_span,
input[type="checkbox"]:checked + .wps_upsell_bump_span,
input[type="checkbox"]:checked + .wps_wocuf_pro_enable_plugin_span,
input[type="checkbox"]:checked + .wps_wocuf_pro_enable_free_upsell_span,
input[type="checkbox"]:checked + .wps_wocuf_pro_enable_smart_skip_span,
input[type="checkbox"]:checked + .wps_upsell_funnel_span,
input[type="checkbox"]:checked + .upsell-smart-pre-order-skip-btn,
input[type="checkbox"]:checked + .upsell-smart-offer-upgrade-btn,
input[type="checkbox"]:checked + .upsell-product-offer-strip-btn,
input[type="checkbox"]:checked + .wps_ubo_abandoned_cart-btn,
input[type="checkbox"]:checked + .wps_ubo_toggle_slider,
/* Generic catch-all: any sibling span/btn ending with -span or -btn after a checked
   toggle checkbox inside the plugin's settings tables. Excludes the modal checkbox
   inputs (which have their own dot-style handling). */
table.form-table input[type="checkbox"]:checked + span[class$="_span"],
table.form-table input[type="checkbox"]:checked + span[class$="-btn"],
table.form-table input[type="checkbox"]:checked + span[class$="-span"] {
    background-color: #f59e0b !important;
}

/* --- Primary buttons across the wrapper (Save Changes / Add Conditional Rules /
       Export Bumps / Add Labels / etc.) flip to dark purple --- */
#wps_upsell_bump_setting_wrapper .button-primary,
#wps_upsell_bump_setting_wrapper button.button.button-primary,
#wps_upsell_bump_setting_wrapper input.button-primary,
#wps_upsell_bump_setting_wrapper a.button-primary {
    background: #1a0a3d !important;
    border-color: #1a0a3d !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

#wps_upsell_bump_setting_wrapper .button-primary:hover,
#wps_upsell_bump_setting_wrapper .button-primary:focus,
#wps_upsell_bump_setting_wrapper button.button.button-primary:hover,
#wps_upsell_bump_setting_wrapper input.button-primary:hover,
#wps_upsell_bump_setting_wrapper a.button-primary:hover {
    background: #2c1654 !important;
    border-color: #2c1654 !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(26, 10, 61, 0.22) !important;
}

/* --- Outlined "button" style (Import Bumps JSON, Add Labels) --- */
#wps_upsell_bump_setting_wrapper #wps_ubo_import_csv_form button,
#wps_upsell_bump_setting_wrapper #wps_ubo_import_csv_form .button {
    background: #fff !important;
    color: #1a0a3d !important;
    border: 1.5px solid #1a0a3d !important;
}

#wps_upsell_bump_setting_wrapper #wps_ubo_import_csv_form button:hover,
#wps_upsell_bump_setting_wrapper #wps_ubo_import_csv_form .button:hover {
    background: #1a0a3d !important;
    color: #fff !important;
}

/* --- "+Create New Order Bump" / "+Create New Funnel" filled buttons --- */
#wps_upsell_bump_setting_wrapper .wps_upsell_bump_create_new_bump a,
#wps_upsell_bump_setting_wrapper .wps_upsell_bump_create_new_bump button,
#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_create_new_offer,
#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_create_new_funnel a,
#wps_upsell_bump_setting_wrapper .wps-ubo-open-template-modal,
#wps_upsell_bump_setting_wrapper .wps-wocuf-pro-open-funnel-template-modal,
#wps_upsell_bump_setting_wrapper .wps_ubo_lite_bump_create_buttons {
    background: #1a0a3d !important;
    color: #fff !important;
    border: 2px solid #1a0a3d !important;
    box-shadow: none !important;
}

/* Pro-only button overrides (Add New Offer pseudo-elements, Add New Field /
   Custom Field modal SUBMIT, thickbox Add A Field popup) live in the pro
   plugin's stylesheet:
   upsell-order-bump-offer-for-woocommerce-pro/admin/css/upsell-order-bump-offer-for-woocommerce-pro-admin.css */

#wps_upsell_bump_setting_wrapper .wps_upsell_bump_create_new_bump a:hover,
#wps_upsell_bump_setting_wrapper .wps_upsell_bump_create_new_bump button:hover,
#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_create_new_offer:hover,
#wps_upsell_bump_setting_wrapper .wps_wocuf_pro_create_new_funnel a:hover,
#wps_upsell_bump_setting_wrapper .wps-ubo-open-template-modal:hover,
#wps_upsell_bump_setting_wrapper .wps-wocuf-pro-open-funnel-template-modal:hover,
#wps_upsell_bump_setting_wrapper .wps_ubo_lite_bump_create_buttons:hover {
    background: #f59e0b !important;
    color: #1a0a3d !important;
    border-color: #f59e0b !important;
    opacity: 1 !important;
}

/* --- Bump card View/Edit/Delete outlined links --- */
#wps_upsell_bump_setting_wrapper .wps-ubo-bump-block .wps_upsell_bump_links,
#wps_upsell_bump_setting_wrapper .wps-ubo-bump-card .wps_upsell_bump_links {
    background: #fff !important;
    color: #1a0a3d !important;
    border: 1px solid #1a0a3d !important;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-bump-block .wps_upsell_bump_links:hover,
#wps_upsell_bump_setting_wrapper .wps-ubo-bump-card .wps_upsell_bump_links:hover {
    background: #1a0a3d !important;
    color: #fff !important;
}

/* --- PRO chip badges (the rounded "PRO" pills on bump/template cards) --- */
#wps_upsell_bump_setting_wrapper .wps-ubo-bump-card .wpsb-chip,
#wps_upsell_bump_setting_wrapper .wpsb-chip,
#wps-ubo-template-modal .wps-ubo-template-card>.wps-ubo-template-card__head>.wps-ubo-template-badge,
#wps-wocuf-pro-funnel-template-modal .wps-ubo-template-badge,
#wps_upsell_bump_setting_wrapper .wps-ubo-template-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #d97706 !important;
    border: 1px solid #f59e0b !important;
}

/* --- Template chooser popup (Choose a Campaign Layout) --- */
#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-open:hover {
    border: 1px solid #1a0a3d !important;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-card .wps-ubo-template-choose {
    background: #fff !important;
    color: #1a0a3d !important;
    border-color: #1a0a3d !important;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-open:hover .wps-ubo-template-choose {
    background: #1a0a3d !important;
    color: #fff !important;
    border-color: #1a0a3d !important;
}

#wps-ubo-template-modal .wps-ubo-template-icon {
    color: #f59e0b !important;
}

/* --- Locked template card "Unlock with PRO" CTA + lock overlay --- */
#wps_upsell_bump_setting_wrapper .wps-ubo-template-choose.is-locked,
#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-locked .wps-ubo-template-choose {
    background: #1a0a3d !important;
    color: #fff !important;
    border-color: #1a0a3d !important;
}

/* --- Misc blue accents inside the wrapper (link inside Purchase Pro etc.) --- */
#wps_upsell_bump_setting_wrapper .pre-bump-report_analytics a {
    background-color: #1a0a3d !important;
}

/* --- Reset legacy primary-blue var inside the wrapper so anything else
       still reading it lands on the new palette --- */
#wps_upsell_bump_setting_wrapper {
    --primary-blue: #1a0a3d;
    --dark-blue: #2c1654;
    --light-blue: #f59e0b;
}

/* --- Visibility Conditions modal (Save Conditions / Remove buttons) --- */
.wc-discount-modal .btn-primary,
.wc-discount-modal .wc-discount-save {
    background: #1a0a3d !important;
    border-color: #1a0a3d !important;
    color: #fff !important;
    box-shadow: none !important;
}

.wc-discount-modal .btn-primary:hover,
.wc-discount-modal .wc-discount-save:hover {
    background: #2c1654 !important;
    border-color: #2c1654 !important;
    color: #fff !important;
}

.wc-discount-modal .button.remove-row {
    background: #fff !important;
    color: #1a0a3d !important;
    border: 1px solid #1a0a3d !important;
    box-shadow: none !important;
}

.wc-discount-modal .button.remove-row:hover {
    background: #1a0a3d !important;
    color: #fff !important;
}

/* --- Store Checkout: Save / Preview buttons + Checkout/ThankYou step labels --- */
#wps-ufw_main .wps-ufw_pri-btn,
#wps-ufw_main .wps-ufw_pri-btn-preview {
    background: #1a0a3d !important;
    color: #fff !important;
}

#wps-ufw_main .wps-ufw_pri-btn:hover,
#wps-ufw_main .wps-ufw_pri-btn-preview:hover {
    background: #2c1654 !important;
}

#wps-ufw_main .wps-ufw_pri-btn-preview a {
    color: #fff !important;
}

.wps-ufw_ms-head .wps-ufw_ms-btn-link,
#wps-ufw_main.wps-ufw_store-checkout .wps-ufw_m-sec .wps-ufw_ms-head .wps-ufw_ms-btn-link:hover {
    color: #1a0a3d !important;
}

.wps-ufw_ms-head .wps-ufw_ms-btn-link:hover {
    color: #2c1654 !important;
}

.wps-ufw_ms-head a.wps-ufw_ms-but.wps-ufw_btn-con:hover,
.wps-ufw_btn-ms-desc span:hover {
    color: #1a0a3d !important;
}

/* --- Locked template-card PRO badge: keep it inside the card so it doesn't
       overlap the next card --- */
#wps_upsell_bump_setting_wrapper .wps-ubo-template-card .wps-ubo-template-badge,
#wps_upsell_bump_setting_wrapper .wps-ubo-template-badge.is-locked,
#wps-ubo-template-modal .wps-ubo-template-card>.wps-ubo-template-card__head>.wps-ubo-template-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    margin: 0 !important;
    z-index: 2;
}

#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-locked {
    overflow: hidden;
    background: #fff !important;
}

/* the locked card overlay shouldn't render any PRO content */
#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-locked::after,
#wps_upsell_bump_setting_wrapper .wps-ubo-template-card.is-locked::before {
    content: none !important;
    background: none !important;
}

/* --- Tab nav: keep all main tabs on one row regardless of which one has sub-tabs ---
       Sub-tabs are pulled out of the flex flow with absolute positioning so the
       parent wrapper width stays equal to the main tab itself. The nav reserves
       bottom padding to make room for the sub-tab row. --- */
#wps_upsell_bump_setting_wrapper nav.nav-tab-wrapper.woo-nav-tab-wrapper {
    position: relative;
    align-items: flex-start;
    padding-bottom: 48px;
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper {
    position: relative;
}

#wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 8px 0 0;
    display: flex;
    gap: 8px;
    white-space: nowrap;
    z-index: 2;
}

@media screen and (max-width: 1100px) {
    #wps_upsell_bump_setting_wrapper nav.nav-tab-wrapper.woo-nav-tab-wrapper {
        padding-bottom: 0;
    }

    #wps_upsell_bump_setting_wrapper .wps_main_global_wrapper .nav-sub-tabs {
        position: static;
        margin: 6px 0 4px;
    }
}

/* --- Go Pro upgrade popup (Want More? Go Pro!!) --- */
.wps_ubo_lite_go_pro_popup_head h2 {
    background: linear-gradient(90deg, #1a0a3d, #2c1654);
    color: #fff;
}

.wps_ubo_lite_go_pro_popup_button .wps_ubo_lite_overview_go_pro_button,
.button.wps_ubo_lite_overview_go_pro_button {
    background-color: #1a0a3d;
    color: #fff;
}

.wps_ubo_lite_go_pro_popup_button .wps_ubo_lite_overview_go_pro_button:focus,
.wps_ubo_lite_go_pro_popup_button .wps_ubo_lite_overview_go_pro_button:hover,
.button.wps_ubo_lite_overview_go_pro_button:focus,
.button.wps_ubo_lite_overview_go_pro_button:hover {
    background-color: #f59e0b;
    color: #1a0a3d;
    opacity: 1;
}

/* --- Notice slot above the banner. The inline JS in the display template
       moves any .wps-notice / .notice-* into this slot so the success/error
       message renders full-width across the top of the page. --- */
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot {
    margin: 0 0 18px;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot:empty {
    display: none;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps-notice,
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 16px 44px 16px 20px !important;
    width: auto !important;
    min-width: 0 !important;
    display: block;
    background: #fff !important;
    border: 1px solid #e6e6ea !important;
    border-left: 4px solid #46b450 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(20, 8, 50, 0.04) !important;
    color: #1a0a3d !important;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps-notice.notice-error,
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice.notice-error {
    border-left-color: #dc2626 !important;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps-notice.notice-warning,
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice.notice-warning {
    border-left-color: #f59e0b !important;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps-notice p,
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice p {
    margin: 0 !important;
    padding: 0 !important;
    color: #1a0a3d !important;
    font-size: 14px;
    line-height: 1.4;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps-notice .notice-dismiss,
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice .notice-dismiss {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    left: auto !important;
    transform: translateY(-50%);
    padding: 5px;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps-notice .notice-dismiss:before,
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice .notice-dismiss:before {
    color: #5f6675;
}

/* Hide the WP-core dismiss button if it ever ends up here -- we use our own. */
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice-dismiss {
    display: none !important;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps_ubo_notice_close {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
    color: #5f6675;
    line-height: 1;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps_ubo_notice_close:hover {
    color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps_ubo_notice_close .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
}

/* Force the notice in the slot to stay visible regardless of any third-party
   JS / animation trying to fade or slide it. Dismissal is handled by removing
   the element from the DOM via our own click handler, not by changing
   visibility, so these !important rules cannot prevent the X from working. */
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .wps-notice,
#wps_upsell_bump_setting_wrapper .wps_ubo_notice_slot .notice {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    max-height: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* --- Self-contained "Settings saved" notice. Uses a unique class so neither
       WordPress core nor third-party admin scripts looking for `.notice` /
       `.wps-notice` can find it and remove/move it. --- */
#wps_upsell_bump_setting_wrapper .wps_ubo_save_notice {
    position: relative;
    display: flex;
    align-items: center;
    padding: 14px 44px 14px 20px;
    margin: 0;
    background: #fff;
    border: 1px solid #e6e6ea;
    border-left: 4px solid #46b450;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(20, 8, 50, 0.04);
    color: #1a0a3d;
    font-size: 14px;
    line-height: 1.4;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_save_notice__msg {
    font-weight: 600;
    color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_save_notice__close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
    color: #5f6675;
    line-height: 1;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_save_notice__close:hover {
    color: #1a0a3d;
}

#wps_upsell_bump_setting_wrapper .wps_ubo_save_notice__close .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
}

/* --- Plugin deactivation feedback popup (.wps-on-boarding-*) --- */
.wps-on-boarding-form-submit {
    max-width: none !important;
    width: auto !important;
    display: inline-block !important;
}

.wps-on-boarding-submit,
.wps-on-boarding-verify {
    background: #1a0a3d !important;
    border: 2px solid #1a0a3d !important;
    color: #fff !important;
    opacity: 1 !important;
    padding: 14px 56px 14px 24px !important;
    width: auto !important;
    min-width: 180px;
    box-shadow: none !important;
    filter: none !important;
    text-align: center;
    white-space: nowrap;
}

.wps-on-boarding-submit:hover,
.wps-on-boarding-verify:hover {
    background: #2c1654 !important;
    border-color: #2c1654 !important;
    color: #fff !important;
}

.wps-on-boarding-form-verify {
    margin: 0 20px 0 0 !important;
}

.wps-on-boarding-form-verify:after {
    color: #fff !important;
}

.wps-on-boarding-no_thanks,
.wps-deactivation-no_thanks {
    color: #1a0a3d !important;
    text-decoration: none;
}

.wps-on-boarding-no_thanks:hover,
.wps-deactivation-no_thanks:hover {
    color: #2c1654 !important;
}

/* Radio dots / checkbox accent */
.wps-on-boarding-radio-wrapper input[type="radio"]:checked,
.wps-on-boarding-checkbox-wrapper input[type="checkbox"]:checked {
    accent-color: #1a0a3d;
}

/* Close X */
.wps-on-boarding-close-btn a {
    color: #1a0a3d !important;
    border-color: #1a0a3d !important;
}

/* ============================================================
   Talk to an Expert modal
   ============================================================ */
body.wps-ubo-expert-modal-open { overflow: hidden; }

.wps-ubo-expert-modal {
    align-items: center;
    background: rgba(12, 8, 28, 0.62);
    box-sizing: border-box;
    display: flex;
    inset: 0;
    justify-content: center;
    overflow: auto;
    padding: 18px 28px;
    position: fixed;
    z-index: 100000;
}

.wps-ubo-expert-modal[hidden],
.wps-ubo-expert-modal__form[hidden],
.wps-ubo-expert-modal__status[hidden],
.wps-ubo-expert-modal__success[hidden] {
    display: none !important;
}

.wps-ubo-expert-modal *,
.wps-ubo-expert-modal *::before,
.wps-ubo-expert-modal *::after {
    box-sizing: border-box;
}

.wps-ubo-expert-modal__backdrop {
    background: transparent;
    inset: 0;
    position: absolute;
}

.wps-ubo-expert-modal__dialog {
    background: #f8f5ff;
    border: 1px solid #ddd1f4;
    border-radius: 22px;
    box-shadow: 0 30px 80px rgba(15, 11, 32, 0.34);
    margin: 0 auto;
    max-height: calc(100vh - 36px);
    max-width: 820px;
    overflow-y: auto;
    position: relative;
    width: min(820px, calc(100vw - 56px));
    z-index: 1;
}

.wps-ubo-expert-modal__close {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2d9f2;
    border-radius: 999px;
    color: #1a0a3d;
    cursor: pointer;
    display: inline-flex;
    font-size: 24px;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 40px;
    z-index: 2;
}

.wps-ubo-expert-modal__close:hover,
.wps-ubo-expert-modal__close:focus {
    background: #ffffff;
    color: #2c1654;
}

.wps-ubo-expert-modal__header {
    background: #ffffff;
    border-bottom: 1px solid #e5dcf2;
    border-radius: 22px 22px 0 0;
    padding: 30px 36px 28px;
}

.wps-ubo-expert-modal__header h2 {
    color: #1a0a3d;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.15;
    margin: 0 52px 12px 0;
}

.wps-ubo-expert-modal__header p {
    color: #6f668b;
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

.wps-ubo-expert-modal__panel {
    background: #f8f5ff;
    border-radius: 0 0 22px 22px;
    padding: 28px 36px 32px;
}

.wps-ubo-expert-modal__status {
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.wps-ubo-expert-modal__status.is-success { background: #ecfff2; color: #137333; }
.wps-ubo-expert-modal__status.is-error   { background: #fff0f0; color: #b42318; }

.wps-ubo-expert-modal__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wps-ubo-expert-modal__grid {
    column-gap: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 14px;
}

.wps-ubo-expert-modal__field--span-2 { grid-column: span 2; }

.wps-ubo-expert-modal__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wps-ubo-expert-modal__field label,
.wps-ubo-expert-modal__legend {
    color: #1a0a3d;
    font-size: 13px;
    font-weight: 700;
}

.wps-ubo-expert-modal__required { color: #d32f2f; }

.wps-ubo-expert-modal__field input,
.wps-ubo-expert-modal__field select,
.wps-ubo-expert-modal__field textarea {
    background: #ffffff;
    border: 1px solid #ded1fb;
    border-radius: 12px;
    color: #1a0a3d;
    font-size: 14px;
    min-height: 48px;
    padding: 12px 16px;
    width: 100%;
    box-shadow: none;
    line-height: 1.4;
}

.wps-ubo-expert-modal__field input:focus,
.wps-ubo-expert-modal__field select:focus,
.wps-ubo-expert-modal__field textarea:focus {
    border-color: #1a0a3d;
    box-shadow: 0 0 0 3px rgba(26, 10, 61, 0.12);
    outline: none;
}

.wps-ubo-expert-modal__field input::placeholder,
.wps-ubo-expert-modal__field textarea::placeholder {
    color: #9b91b9;
}

.wps-ubo-expert-modal__field select { max-width: 100%; }
.wps-ubo-expert-modal__field textarea { min-height: 110px; resize: vertical; }

.wps-ubo-expert-modal__checkboxes {
    display: grid;
    gap: 10px 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wps-ubo-expert-modal__checkbox {
    align-items: center;
    background: #ffffff;
    border: 1px solid #ded1fb;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    gap: 12px;
    min-height: 52px;
    padding: 12px 16px;
}

.wps-ubo-expert-modal__checkbox input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    accent-color: transparent;
    background-color: #b9b9c2 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: pointer;
    flex: 0 0 18px !important;
    height: 18px !important;
    min-height: 0 !important;
    max-height: 18px !important;
    width: 18px !important;
    min-width: 0 !important;
    max-width: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    transition: background-color 0.18s ease;
}

/* Kill any pseudo-element checkmark WordPress core admin CSS adds. */
.wps-ubo-expert-modal__checkbox input[type="checkbox"]::before,
.wps-ubo-expert-modal__checkbox input[type="checkbox"]::after,
.wps-ubo-expert-modal__checkbox input[type="checkbox"]:checked::before,
.wps-ubo-expert-modal__checkbox input[type="checkbox"]:checked::after {
    content: none !important;
    display: none !important;
    background: none !important;
    color: transparent !important;
    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
    transform: none !important;
}

.wps-ubo-expert-modal__checkbox input[type="checkbox"]:checked {
    background-color: #1a0a3d !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 12px !important;
}

.wps-ubo-expert-modal__checkbox input[type="checkbox"]:focus-visible {
    outline: 2px solid #1a0a3d;
    outline-offset: 2px;
}

.wps-ubo-expert-modal__checkbox span {
    color: #1a0a3d;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.wps-ubo-expert-modal__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.wps-ubo-expert-modal__submit {
    background: #1a0a3d;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    min-height: 46px;
    min-width: 160px;
    padding: 12px 22px;
    transition: background 0.18s ease;
}

.wps-ubo-expert-modal__submit:hover,
.wps-ubo-expert-modal__submit:focus {
    background: #2c1654;
}

.wps-ubo-expert-modal__submit:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.wps-ubo-expert-modal__success {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 28px 16px;
    text-align: center;
}

.wps-ubo-expert-modal__success-mark {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 64px;
    justify-content: center;
    position: relative;
    width: 64px;
}

.wps-ubo-expert-modal__success-ring {
    background: rgba(70, 180, 80, 0.15);
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.wps-ubo-expert-modal__success-core {
    align-items: center;
    background: #46b450;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    position: relative;
    width: 44px;
}

.wps-ubo-expert-modal__success-core svg { height: 24px; width: 24px; }

.wps-ubo-expert-modal__success h3 {
    color: #1a0a3d;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}

.wps-ubo-expert-modal__success p {
    color: #5f6675;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    max-width: 460px;
}

@media only screen and (max-width: 782px) {
    .wps-ubo-expert-modal { padding: 10px; }
    .wps-ubo-expert-modal__dialog { max-height: calc(100vh - 20px); width: calc(100vw - 20px); }
    .wps-ubo-expert-modal__header,
    .wps-ubo-expert-modal__panel { padding-left: 24px; padding-right: 24px; }
    .wps-ubo-expert-modal__grid,
    .wps-ubo-expert-modal__checkboxes { grid-template-columns: 1fr; }
    .wps-ubo-expert-modal__field--span-2 { grid-column: span 1; }
}

/* ============================================================
   End WPS-6874
   ============================================================ */
