/***<<--- Advanced Toggle --->>***/

input.wdt-advanced-checkbox-toggle { 
    position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; 
    width: 300px !important; height: 50px; border-radius: var(--wdtRadius_Part); -webkit-border-radius: var(--wdtRadius_Part); 
    cursor: pointer; background: var(--wdtLinkColor, var(--wdtDarkLinkColor)); 
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
}

input.wdt-advanced-checkbox-toggle:focus { border: 0; outline: 0; }

input.wdt-advanced-checkbox-toggle:checked { padding-left: 150px; }

input.wdt-advanced-checkbox-toggle:before { 
    display: inline-block; height: 50px; width: 150px; margin: 0; background-color: transparent;
    background-image: linear-gradient(90deg, var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)) 0%, 
                                             var(--wdtSecondaryColor, var(--wdtDarkSecondaryColor)) 100%); 
    border-radius: var(--wdtRadius_Part); -webkit-border-radius: var(--wdtRadius_Part); 
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
}

input.wdt-advanced-checkbox-toggle:before, 
input.wdt-advanced-checkbox-toggle:after { content: ""; display: block; }

input.wdt-advanced-checkbox-toggle:active::before { transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }


/* Additional Css */

.elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container {
    position: relative; display: grid; align-items: center; margin-bottom: clamp(3.125rem, 2.875rem + 1.25vw, 4.375rem);  /*70px - 50px*/
}

.elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container > * { grid-area: 1/-1; }

.elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-left-section-title,
.elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-right-section-title { z-index: 1; min-width: 150px; pointer-events: none; }

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

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

.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-left-section-title .wdt-advanced-toggle-left-title,
.wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-right-section-title .wdt-advanced-toggle-right-title {
    font-family: var(--wdtFontTypo_Base);
    line-height: var(--wdtLineHeight_Ext);
    font-weight: var(--wdtFontWeight_Ext);
    font-size: var(--wdtFontSize_Base);
    color: var(--wdtQuaternaryColor, var(--wdtDarkTertiaryColor));
    transition: var(--wdtBaseTransition); -webkit-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-right-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-left-title {
    color: var(--wdtAccentTxtColor, var(--wdtDarkAccentTxtColor));
}

/* responsive */

@media (max-width: 479px) {
    input.wdt-advanced-checkbox-toggle { width: 240px !important; }

    input.wdt-advanced-checkbox-toggle:checked { padding-left: 120px; }

    input.wdt-advanced-checkbox-toggle::before { width: 120px; }

    .elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-left-section-title,
    .elementor-widget-wdt-advanced-toggle .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-right-section-title { min-width: 120px; }
    
    .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-left-section-title .wdt-advanced-toggle-left-title,
    .wdt-advanced-toggle-container .wdt-advanced-toggle-switcher-container .wdt-advanced-toggle-right-section-title .wdt-advanced-toggle-right-title { font-size: var(--wdtFontSize_Ext); }
}