/**
    Advanced Toggle Switcher
*/

.wdt-advanced-toggle-switcher-container {
    display: grid;
    align-items: center;
    justify-content: center;
    margin: 0 0 clamp(2.1875rem, 1.875rem + 1.5625vw, 3.75rem); /* Min-35 & Max-60 */
}

.wdt-advanced-toggle-switcher-container > div[class*="wdt-advanced-toggle-"] {
    grid-area: 1/-1;
    min-width: 52%;
    z-index: 1;
    pointer-events: none;
}

.wdt-advanced-toggle-switcher-container > div.wdt-advanced-toggle-left-section-title {
    justify-self: start;
}

.wdt-advanced-toggle-switcher-container > div.wdt-advanced-toggle-right-section-title {
    justify-self: end;
}

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle {
    grid-area: 1/-1;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--wdtAccentTxtColor);
    cursor: pointer;
    width: clamp(16.25rem, 14.5rem + 8.75vw, 25rem); /* Min-260px & Max-400px */
    height: clamp(3.125rem, 3rem + 0.625vw, 3.75rem); /* Min-50px & Max-60px */
    display: block;
    border-radius: var(--wdtRadius_Part);
    -webkit-border-radius: var(--wdtRadius_Part);
    position: relative;
    inset: 0;
}

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:after {
    content: '';
    position: absolute;
    pointer-events: none;
    inset: -2px;
    width: 50%;
    color: var(--wdtHeadAltColor);
    border-radius: var(--wdtRadius_Part);
    -webkit-border-radius: var(--wdtRadius_Part);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
    background-color: currentColor;
    border: 2px solid var(--wdtPrimaryColor);
}

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle::before {
    content: none;
    display: none;
}

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:not(:checked)::after {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

.wdt-advanced-toggle-switcher-container .wdt-advanced-checkbox-toggle:checked::after {
    left: 100%;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
}

.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-title {
    font-size: clamp(1rem, 0.925rem + 0.375vw, 1.375rem); /* Min-16 & Max-22 */
    color: var(--wdtHeadAltColor);
    margin: 0;
    font-weight: var(--wdtFontWeight_Ext);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
}

.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container:has(input[type="checkbox"]:checked) .wdt-advanced-toggle-left-section-title .wdt-advanced-toggle-title,
.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-right-section-title .wdt-advanced-toggle-title {
    color: var(--wdtHeadAltColor);
}

.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container:has(input[type="checkbox"]:checked) .wdt-advanced-toggle-right-section-title .wdt-advanced-toggle-title,
.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-left-section-title .wdt-advanced-toggle-title {
    color: var(--wdtAccentTxtColor);
}

/** 
    RTL Support
*/

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

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