/* ===== Interval switch — FINAL FINAL ===== */

.pricing-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  font-family:"Plus Jakarta Sans", sans-serif;
}

/* GREY PILL */
.toggle-track{
  position:relative;
  display:flex;
  align-items:center;
  height:55px;
  padding:5px;
  background:#D9D9D9;
  border-radius:999px;
  z-index:1;
}

/* BUTTONS */
.toggle-btn{
  position:relative;
  z-index:2;
  height:45px;
  padding:0 26px;
  border:0;
  background:transparent;
  font-size:var(--global-kb-font-size-lg);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  color:#2A2242;
}

.toggle-btn.is-active{
  color:#000000;
}

/* ORANGE SLIDER */
.toggle-slider{
  position:absolute;
  top:5px;
  left:5px;
  height:45px;
  background:#FFA58A;
  border-radius:999px;
  z-index:1;
  transition:
    transform .25s cubic-bezier(.4,0,.2,1),
    width .25s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}

/* PURPLE BADGE — DOCKED TO GREY */
.toggle-badge{
  position:relative;
  margin-left:-12px;        /* ← this is the missing piece */
  height:38px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#6945D7;
  color:#ffffff;
  font-size:var(--global-kb-font-size-md);
  font-weight:700;
  /*line-height:38px;*/
  border-radius:999px;
  white-space:nowrap;
  z-index:2;
}

/* ===== Kadence tabs styled like pricing toggle (Test Modules) ===== */
body.page-id-539 .kt-tabs-title-list{
  position:relative;
  display:inline-flex;
  align-items:center;
  list-style:none;
  margin:0;
  padding:5px;
  height:55px;
  background:#D9D9D9;
  border-radius:999px;
  gap:0;
  overflow:visible;
}

body.page-id-539 .kt-tabs-title-list::before{
  content:"";
  position:absolute;
  top:5px;
  left:5px;
  height:45px;
  width:var(--toggle-w, 0px);
  transform:translateX(var(--toggle-x, 0px));
  background:#FFA58A;
  border-radius:999px;
  z-index:0;
  transition:
    transform .25s cubic-bezier(.4,0,.2,1),
    width .25s cubic-bezier(.4,0,.2,1);
}

body.page-id-539 .kt-title-item{
  position:relative;
  z-index:1;
  margin:0;
}

body.page-id-539 .kt-tab-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:45px;
  padding:0 26px;
  border:0;
  background:transparent;
  font-size:var(--global-kb-font-size-lg);
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  color:#2A2242;
  text-decoration:none;
}

body.page-id-539 .kt-tab-title-active .kt-tab-title{
  color:#000000;
}

/* ===== Figma toggle match (sizes preserved) ===== */
body.page-id-539 .kt-tabs-title-list{
  background:#F4F4EF;
}

body.page-id-539 .kt-tabs-title-list::before{
  background:#FFA58A;
}

body.page-id-539 .kt-tabs-title-list::after{
  content:"25% sparen";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 16px;
  margin-left:-12px;
  background:#6B4AE3;
  color:#ffffff;
  font-size:var(--global-kb-font-size-md);
  font-weight:700;
  /*line-height:38px;*/
  border-radius:999px;
  z-index:2;
  white-space:nowrap;
}

body.page-id-539 .kt-title-item{
  border:0;
  background:transparent !important;
}

body.page-id-539 .kt-tab-title{
  color:#3D345B !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.page-id-539 .kt-tab-title-active .kt-tab-title{
  color:#1E1E1E !important;
  background:transparent !important;
  box-shadow:none !important;
  border-bottom:0;
}

body.page-id-539 .kt-tab-title-active{
  background:transparent !important;
  box-shadow:none !important;
}


body.page-id-539 .kt-tabs-title-list .kt-title-item{
  border-bottom:0 !important;
}

body.page-id-539 .kt-tabs-title-list .kt-tab-title{
  border-bottom:0 !important;
  outline:0;
}

body.page-id-539 .kt-tabs-title-list .kt-tab-title::before,
body.page-id-539 .kt-tabs-title-list .kt-tab-title::after,
body.page-id-539 .kt-tabs-title-list .kt-title-item::before,
body.page-id-539 .kt-tabs-title-list .kt-title-item::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}