/**
    Advanced Toggle Switcher
*/

.wdt-advanced-toggle-switch-switcher-container {    
  height:100%; display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: center; }

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle {
  position: relative; cursor: pointer; display: block; -webkit-appearance: none; appearance: none; 
  width: 80px; height: 40px; background-color: var(--wdtPrimaryColor); -webkit-border-radius: var(--wdtRadius_Part); 
  border-radius: var(--wdtRadius_Part); transition: background-color 0.5s ease-in-out; 
  margin: 0 clamp(1rem, 0.9555rem + 0.2454vw, 1.25rem); /*20px - 16px*/ }

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:after {
  content: ''; position: absolute; top: 5px; left: 5px; width: 30px; height: 30px; background-color: currentColor; 
  color: var(--wdtAccentTxtColor); -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); 
  transition: all 0.3s ease-in-out; transform: translateX(0); }

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:checked:after {
  -webkit-transform: translateX(40px); transform: translateX(40px); }

.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-left-section-title {
    display: block; width: 100%; text-align: end; }

.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-right-section-title {
    display: block; width: 100%; text-align: start; }

.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-title { 
    position: relative; font-size: clamp(1rem, 0.9555rem + 0.2454vw, 1.25rem); /*20px - 16px*/ text-transform: capitalize; 
    color: var(--wdtHeadAltColor); margin: 0px; }


/** 
    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); }