/**
    Advanced Toggle Switcher
*/

.wdt-advanced-toggle-switcher-container { display: flex; align-items: center; justify-content: center; margin: 0 0  clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem);padding: 20px 45px;
    border-radius: var(--wdtRadius_3X); background-color:var(--wdtAccentTxtColor);
} 

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle { margin: 0 20px; -webkit-appearance: none; appearance: none; 
     background-color:rgba(var(--wdtBorderColorRgb),.3); cursor: pointer; width: 80px; height: 40px; display: block; 
    border-radius: 100px; position: relative; }

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:checked{ background-color: var(--wdtLinkHoverColor);}

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:after { content: ''; position: absolute; pointer-events: none;
    top: 5px; left: 5px; width: 30px; height: 30px; color: var(--wdtPrimaryColor); border-radius: var(--wdtRadius_Full);   transition: all 0.3s ease-in-out;  transform: translateX(0);
    transition: .3s; background-color:var(--wdtAccentTxtColor); }
.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:checked:after {
  transform: translateX(40px); 
}    

/* .wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:checked:after { left: calc(100% - 5px); transform: translateX(-100%); } */
/* .wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:active:after { width: 60%; } */


.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-title { 
    font-family:var( --wdtFontTypo_Alt); font-size:var(--wdtFontSize_Base); color: var(--wdtHeadAltColor); margin: 0px;transition:var(--wdtBaseTransition);}

.elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container > input.wdt-advanced-checkbox-toggle:checked ~ .wdt-advanced-toggle-right-section-title .wdt-advanced-toggle-title,
.elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-left-section-title:has( ~ input.wdt-advanced-checkbox-toggle:not(:checked)) .wdt-advanced-toggle-title{
    color:var(--wdtSecondaryColor);
}
.wdt-advanced-toggle-container{
    display:grid;
}
@media (max-width:767px){
.wdt-advanced-toggle-switcher-container{
    padding:20px;
}
}

/** 
    RTL Support
*/

body.rtl .wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:after { left: calc(100% - 5px); transform: translateX(-100%); }
body.rtl .wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:checked:after { left: 5px; transform: translateX(0); }