.protect-plus-main-wrapper .switch-widget {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.protect-plus-main-wrapper .slider {
position: absolute !important;
cursor: pointer !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background-color: #ccc !important;
transition: 0.4s !important;
border-radius: 34px !important;
}

.protect-plus-main-wrapper .slider:before {
position: absolute !important;
content: '' ;
height: 26px !important;
width: 26px !important;
left: 4px !important;
bottom: 4px !important;
background-color: white !important;
transition: 0.4s !important;
border-radius: 50% !important;
}

.protect-plus-main-wrapper input:checked + .slider {
background-color: #2196F3 !important;
}

.protect-plus-main-wrapper input:focus + .slider {
box-shadow: 0 0 1px #2196F3 !important;
}

.protect-plus-main-wrapper input:checked + .slider:before {
transform: translateX(26px) !important;
}

.protect-plus-main-wrapper .slider.round {
border-radius: 34px !important;
}

.protect-plus-main-wrapper .slider.round:before {
border-radius: 50% !important;
}
.protect-plus-main-wrapper {
 display: flex !important;
  align-items: center;
  gap: 0px;
  padding: 20px;
  background-color: #fff;
  justify-content: space-between;
  background: transparent;
  margin: 15px 0 0px 0px;
  padding: 15px 2%;
  width: 100%;
}

.protect-plus-main-wrapper .protect-plus-des h2 {
  text-transform: inherit !important;
  font-size: 16px !important;
}
.protect-plus-logo-wrapper img {
  width: 100% !important;
  display: block !important;
  border-radius: 10px !important;
}


.protect-plus-main-wrapper .protect-plus-des h2 {
  margin: 0 !important;
  text-align: left !important;
  text-transform: uppercase important;
  font-weight: bold !important;
  font-size: 16px important;
  padding: 0 !important;
  text-align: left !important;
  background-color: transparent !important;
  text-align: left !important;
  border-color: transparent !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}

.protect-plus-main-wrapper .protect-plus-des p {
  margin: 0 !important;
  font-size: 12px !important;
  max-width: 230px !important;
  width: 100% !important;
  line-height: 1.5 !important;
  text-align: left;
}


.protect-plus-main-wrapper .switch-widget label {
  background-color: #999 !important;
  border-radius: 30px !important;
  /*border: 2px solid #d9d9d9;*/
  height: 24px !important;
  min-width: 40px !important;
  width: 36px !important;
  position: relative !important;
}
.protect-plus-main-wrapper span.slider.round {
  background-color: #fff !important;
  border-radius: 50% !important;
  display: block !important;
  height: 18px !important;
  left: 4px !important;
  position: absolute !important;
  top: 3px !important;
  width: 18px !important;
}
.protect-plus-main-wrapper span.slider.round:before {
display: none !important;
}
.protect-plus-main-wrapper .protect-plus-logo-wrapper {
  width: 60px !important;
}


.protect-plus-main-wrapper input:checked + span.slider.round {
    transform: translateX(16px) !important;
}

.protect-plus-main-wrapper .fee {
  display: none !important;
}
.woocommerce-cart tr.fee {
  display: none;
}

.protect-plus-main-wrapper .protect-plus-price {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}
@media (max-width: 768px) {
.protect-plus-main-wrapper  .protect-plus-logo-wrapper {
  width: 45px !important;
}
}
.protect-plus-main-wrapper .protect-plus-des {
  margin: 0 auto 0 10px !important;
  text-align: left;
  position: relative;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important; /* Prevent wrapping to next line */
  gap: 0 !important;
}

.protect-plus-main-wrapper .protect-plus-des label {
  margin-left: 8px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  white-space: nowrap !important; /* Prevent label text from wrapping */
  flex-shrink: 0 !important; /* Don't shrink label */
}

.cart_totals .wc-proceed-to-checkout{
  padding: 15px 0px;
  width: 100%;
  margin: 0 0 0 auto;
  max-width: 560px;
}

.protect-plus-main-wrapper .protect-plus-logo-wrapper{width: 39px !important; margin-top:-1px}
.protect-plus-main-wrapper .protect-plus-des p{ max-width: 280px !important;}
.protect-plus-main-wrapper{padding: 15px 0;}
.protect-plus-main-wrapper .protect-plus-des h2:after {
  content: none!important;
}

.woocommerce-checkout .protect-plus-main-wrapper .protect-plus-price {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}

.woocommerce-checkout .protect-plus-main-wrapper .protect-plus-des {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important; /* Prevent wrapping to next line */
  margin: 0 !important;
  font-size: 12px !important;
  position: relative;
}

.woocommerce-checkout .protect-plus-main-wrapper .protect-plus-des label {
  margin-left: 8px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  white-space: nowrap !important; /* Prevent label text from wrapping */
  flex-shrink: 0 !important; /* Don't shrink label */
}

.protect-plus-main-wrapper .protect-plus-des .info-popup{
  width: 13px;
  height: 13px;
  margin-left: 4px;
  cursor: pointer;
  flex-shrink: 0 !important; /* Never shrink icon */
  display: inline-flex !important; /* Keep inline */
  align-items: center !important;
}

/* The Modal (background) */
.protect-modal {
display: none;
position: fixed; 
z-index: 99999999; 
padding-top: 100px; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.toggle-popup{
font-family: inherit !important;
}
.toggle-popup .protect-header{
display: flex;
justify-content: space-between;
padding-top: 20px;

}
.toggle-popup .protect-byline h3{
margin-top: 15px;
margin-bottom: 15px;
font-size: 30px;
font-weight: bold;
line-height: 34px;
font-family: inherit;
text-transform: capitalize;
}
.toggle-popup .protect-byline p{
margin: 0;
font-family: inherit;
font-size: 12px;
line-height: 15px;

}
.toggle-popup .protect-popup-body {
margin-top: 36px;
}
.toggle-popup .protect-popup-body .protect-popup-features{
list-style: none;
padding: 0;
}
.toggle-popup .protect-popup-body .protect-popup-features li{
position: relative;
padding-left: 45px;
margin-bottom: 30px;
}
.toggle-popup .protect-popup-body .protect-popup-features li h4{
font-size: 13px;
font-weight: 400;
}
.toggle-popup .protect-popup-body .protect-popup-features li p{
font-size: 10px;
}
.toggle-popup .protect-popup-body .protect-popup-features li h4{
margin-bottom: 4px;
}
.toggle-popup .protect-popup-body .protect-popup-features li p{
margin:0;
line-height: 13px;
}

.toggle-popup .protect-popup-body .protect-popup-features li img{
position: absolute;
left: 0;
height: 30px;
width: 30px;
}
.toggle-popup .protect-popup-body .protect-popup-features li:after{
content:'';
background-color: #0967e1;
display: flex;
width: 1px;
height: 72px;
position: absolute;
left: 15px;
top: 30px;
}
.toggle-popup .protect-popup-body .protect-popup-features li:last-child::after{
height:0;
width: 0;
}
.toggle-popup .protect-popup-footer{
display: flex;
justify-content: space-between;
border-top: 1px solid rgb(229, 231, 232);
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.toggle-popup .protect-popup-footer a {
font-size: 9px;
color: rgb(92 95 96);
}
.protect-modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px 40px;
border: 1px solid #888;
width: 100%;
max-width: 380px;
margin-top: 70px;
border-radius: 10px;
}

/* The Close Button */
.protect-close {
color: #aaaaaa;
float: right;
font-size: 24px;
font-weight: bold;
}

.protect-close:hover,
.protect-close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

/* =================================================================
   ISOLATION WRAPPER - Ensures widget works in ALL contexts
   ================================================================= */
.protect-plus-isolation-wrapper {
  /* COMPLETE ISOLATION - resets everything to prevent conflicts */
  all: initial !important;
  
  /* Then explicitly set what we need */
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  
  /* System font stack - native fonts on each OS (fast, no loading) */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important; /* Normal weight */
  line-height: 1.5 !important;
  color: #333 !important; /* Dark gray for readability */
  text-align: left !important;
}

/* Ensure child elements use the same font */
.protect-plus-isolation-wrapper * {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important; /* Normal weight, never bold */
  box-sizing: border-box !important;
}

/* =================================================================
   PAYMENT SECTION CONTEXT - Fixes for .form-row.place-order
   ================================================================= */

/* When widget is inside payment form-row (before/after submit button) */
.woocommerce-checkout-payment .form-row.place-order .protect-plus-isolation-wrapper,
.woocommerce-checkout-payment .form-row .protect-plus-isolation-wrapper {
  /* COMPLETE ISOLATION */
  all: initial !important;
  display: block !important;
  width: 100% !important;
  margin: 15px 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* Override WooCommerce form-row styles for our widget */
.woocommerce-checkout-payment .form-row.place-order .protect-plus-main-wrapper,
.woocommerce-checkout-payment .form-row .protect-plus-main-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: transparent !important;
  padding: 15px 0 !important;
  margin: 15px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  outline: none !important;
}

/* Ensure info-popup icon is clickable in payment section */
.woocommerce-checkout-payment .form-row .protect-plus-des .info-popup,
.form-row.place-order .protect-plus-des .info-popup {
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Prevent form submission when clicking info icon */
.woocommerce-checkout-payment .form-row .info-popup svg,
.form-row.place-order .info-popup svg {
  pointer-events: none !important;
}

/* Ensure checkbox works properly in payment section */
.woocommerce-checkout-payment .form-row .switch_checkbox,
.form-row.place-order .switch_checkbox {
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Preserve font styling in payment section */
.woocommerce-checkout-payment .form-row .protect-plus-des label,
.form-row.place-order .protect-plus-des label {
  font-weight: 400 !important;
  font-size: 14px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
}

/* =================================================================
   ORDER REVIEW SECTION - Additional specificity
   ================================================================= */
#order_review .protect-plus-isolation-wrapper {
  /* COMPLETE ISOLATION */
  all: initial !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important;
}

#order_review .protect-plus-main-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: transparent !important;
  padding: 15px 0 !important;
  margin: 15px 0 !important;
  width: 100% !important;
}

/* =================================================================
   Funnels CSS
   ================================================================= */
#wfacp-sec-wrapper #wfacp_checkout_form .protect-plus-main-wrapper .protect-plus-des .switch{
  margin-bottom: 0;
  padding-left: 24px !important;
  padding-top: 2px !important;
}
#wfacp-sec-wrapper #wfacp_checkout_form .protect-plus-main-wrapper .protect-plus-des .info-popup{
 display: flex !important;
}
#wfacp-sec-wrapper #wfacp_checkout_form .protect-modal .protect-popup-body h4{
  margin-left: 40px;
margin-bottom: 0;
}
#wfacp-sec-wrapper #wfacp_checkout_form .protect-modal .protect-popup-body p{
margin-left: 40px;
}
#wfacp-sec-wrapper #wfacp_checkout_form .protect-modal .protect-popup-footer a{
color:#737373;
}

/* =================================================================
   MODAL ENHANCEMENTS - Ensure modal always works
   ================================================================= */
body > .protect-modal {
  display: none;
  position: fixed !important;
  z-index: 999999999 !important;
  padding-top: 100px;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto;
  background-color: rgba(0,0,0,0.4) !important;
}