.elementor-1699 .elementor-element.elementor-element-7385afa:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1699 .elementor-element.elementor-element-7385afa > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-7385afa > .elementor-element-populated{border-style:solid;border-color:#E6E6E6;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-7385afa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Inter;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1699 .elementor-element.elementor-element-1f64590{text-align:center;}.elementor-1699 .elementor-element.elementor-element-7980697{text-align:center;}.elementor-1699 .elementor-element.elementor-element-7980697 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-1699 .elementor-element.elementor-element-91dcc5e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1699 .elementor-element.elementor-element-91dcc5e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-91dcc5e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-91dcc5e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-2a29da2{border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);margin-top:0px;margin-bottom:0px;z-index:999;}.elementor-1699 .elementor-element.elementor-element-50156d0:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-50156d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-50156d0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-50156d0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-c674b6d:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-c674b6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-c674b6d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-c674b6d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-1fd0c9f:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-1fd0c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-1fd0c9f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-1fd0c9f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-9b40a33:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-9b40a33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-9b40a33{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-9b40a33 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-c08bc37:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-c08bc37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-c08bc37{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-c08bc37 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-a9002dc:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-a9002dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-a9002dc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-a9002dc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-e375761:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-e375761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-e375761{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-e375761 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-aaeea81:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-aaeea81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-aaeea81{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-aaeea81 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-e5d94c8:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-e5d94c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-e5d94c8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-e5d94c8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1699 .elementor-element.elementor-element-ce689bb:not(.elementor-motion-effects-element-type-background), .elementor-1699 .elementor-element.elementor-element-ce689bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1699 .elementor-element.elementor-element-ce689bb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1699 .elementor-element.elementor-element-ce689bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS *//* Toggle functionality CSS */
.simplified-content {
    display: block !important;
}

.detailed-content {
    display: none !important;
}

body.detailed-mode .simplified-content {
    display: none !important;
}

body.detailed-mode .detailed-content {
    display: block !important;
}

/* Ensure proper visibility */
.medication-content-wrapper {
    position: relative;
}

/* Remove gap - hide the toggle section's normal flow */
.elementor-section:has(.toggle-container) {
    position: fixed !important;
    top: 140px !important; /* Adjust this if needed - below your header */
    right: 0 !important;
    width: 150px !important;
    height: auto !important;
    z-index: 999 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Center toggle vertically in its fixed container */
.toggle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 20px;
}

/* Shrink content to leave space for toggle */
.single-medication .elementor-section:not(:has(.toggle-container)) .elementor-container {
    max-width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* Ensure main content doesn't overlap toggle */
body.single-medication {
    padding-right: 0;
}

/* Tablet: Top right, normal size */
@media (max-width: 1024px) and (min-width: 769px) {
    .elementor-section:has(.toggle-container) {
        top: 140px !important;
        right: 15px !important;
        width: 140px !important;
    }
    
    .single-medication .elementor-section:not(:has(.toggle-container)) .elementor-container {
        max-width: 100% !important;
        padding-right: 0 !important;
    }
}

/* Mobile: Top right, same size as desktop */
@media (max-width: 768px) {
    .elementor-section:has(.toggle-container) {
        top: 160px !important; /* Adjust for your header height */
        right: 10px !important;
        width: 140px !important;
    }
    
    /* Keep toggle same size as desktop */
    .toggle-container {
        padding: 16px 10px;
    }
    
    .toggle-container .capsule-toggle {
        width: 120px !important;
        height: 44px !important;
    }
    
    .toggle-container .toggle-slider {
        width: 36px !important;
        height: 36px !important;
        top: 4px !important;
        left: 4px !important;
    }
    
    #mode-toggle:checked + .toggle-track .toggle-slider {
    transform: translateX(80px);
}
    
    /* Labels same size */
    .toggle-container .toggle-labels {
        font-size: 14px !important;
        bottom: -24px !important;
    }
    
    /* Full width content on mobile */
    .single-medication .elementor-section:not(:has(.toggle-container)) .elementor-container {
        max-width: 100% !important;
        margin-right: auto !important;
        padding-right: 0 !important;
    }
}

/* Very small phones - slightly adjust position only, NOT size */
@media (max-width: 480px) {
    .elementor-section:has(.toggle-container) {
        right: 5px !important;
        top: 140px !important; /* Adjust if needed */
    }
}
    
    /* Remove content margin on mobile */
    .single-medication .elementor-section:not(:has(.toggle-container)) .elementor-container {
        max-width: 100% !important;
        margin-right: auto !important;
    }
    
    /* Move accessibility button up to avoid toggle */
    .onetap-container {
        bottom: 160px !important;
    }
}

/* Tablet adjustment */
@media (max-width: 1024px) and (min-width: 769px) {
    .elementor-section:has(.toggle-container) {
        width: 120px !important;
        right: 10px !important;
    }
    
    .single-medication .elementor-section:not(:has(.toggle-container)) .elementor-container {
        max-width: 100% !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
}

/* Force accessibility button above toggle on mobile */
@media (max-width: 768px) {
    #onetap-container,
    .onetap-container,
    [class*="accessibility"] {
        bottom: 160px !important;
    }
}/* End custom CSS */