/**
    Advanced Toggle Switcher
*/

.wdt-advanced-toggle-switch-switcher-container { display: flex; align-items:center; justify-content:start; height:100%; margin-bottom: clamp(0.3125rem, 0.1035rem + 0.9554vw, 1.25rem);}

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle {
  margin: 0 20px; appearance: none; background-color: transparent; cursor: pointer; width: 80px; min-width: 80px; height: 40px; display: block; border: 1px solid var(--wdtHeadAltColor); border-radius:var(--wdtRadius_1X); position: relative; transition:var(--wdtBaseTransition);;
}

.wdt-dark-bg .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle { border-color: var(--wdtAccentTxtColor); }

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:after {
  content: ''; position: absolute; top: 0; left: 0px; margin: 4px; width: 30px; height: 30px; border-radius:6px; background-color: var(--wdtPrimaryColor); transition: all 0.3s ease-in-out; transform: translateX(0px) scaleX(1);
}



.wdt-dark-bg .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle { background-color: var(--wdtAccentTxtColor); }

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:checked:after { transform: translateX(40px) scaleX(1); }

.wdt-advanced-toggle-switch-container{ display:flex; gap:160px; }

.wdt-advanced-toggle-switch-switcher-container{ flex:45%; }

.wdt-advanced-toggle-switch-section{ flex:65%; }

.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-title { color: var(--wdtHeadAltColor); margin: 0px; }

.wdt-dark-bg .wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-title { color: var(--wdtAccentTxtColor); }

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:hover {
    border-color:var(--wdtPrimaryColor);
}

@media(max-width:479px){
    .wdt-advanced-toggle-switch-switcher-container{flex-direction: column; gap: 15px;}
}

/** 
    RTL Support
*/

body.rtl .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:after { left: calc(100% - 5px); transform: translateX(-100%); }
body.rtl .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:checked:after { left: 5px; transform: translateX(0); }