/** Advanced Toggle Switcher */

.wdt-advanced-toggle-switch-switcher-container {  
    display: grid; grid-template-columns: repeat(2,1fr);
    align-items: center; justify-content: center; margin: 0;
    position: relative; width: 100%; min-width: 300px; height: 64px;
}

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle {
  -webkit-appearance: none; appearance: none; background-color: var(--wdtSecondaryColor);
    cursor: pointer; width: 100%; height: 100%; display: block; position: absolute; 
    border-radius: var(--wdtRadius_Part); -webkit-border-radius: var(--wdtRadius_Part);
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
}

.wdt-advanced-toggle-switch-switcher-container .wdt-advanced-checkbox-toggle:after {
    content: ''; position: absolute; pointer-events: none; top: 7px; left: 7px;
    width: 50%; height: 50px; color: var(--wdtPrimaryColor); background-color: currentColor;
    border-radius: inherit; -webkit-border-radius: inherit;
    transform: translateX(0); -webkit-transform: translateX(0); 
    transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}

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

.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-title { 
    font-size: var(--wdt-btn-font-size); font-family: var(--wdtFontTypo_Base); 
    font-weight: var(--wdtFontWeight_Ext); color: var(--wdtAccentTxtColor);
    padding: 0 24px; margin: 0;
}

.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-left-section-title,
.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-right-section-title {
    position: relative; z-index: 2; text-align: center; pointer-events: none; width: calc(100% + 7px);
}

.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-left-section-title { padding-left: 7px; }
.wdt-advanced-toggle-switch-container .wdt-advanced-toggle-switch-switcher-container .wdt-advanced-toggle-switch-right-section-title { padding-right: 7px; }