/**
 * Smooth Scroller Styles
 * Applied when smooth scrolling is enabled
 */

html.mee-smooth-scroll-enabled {
    height: 100%;
}

body.mee-smooth-scroll-enabled {
    height: 100%;
    width: 100%;
}

/* Show visible scrollbar for smooth scroll */
html.mee-smooth-scroll-enabled::-webkit-scrollbar {
    width: 10px;
}

html.mee-smooth-scroll-enabled::-webkit-scrollbar-track {
    background: #f1f1f1;
}

html.mee-smooth-scroll-enabled::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

html.mee-smooth-scroll-enabled::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Firefox scrollbar */
html.mee-smooth-scroll-enabled {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* Fix for fixed elements like headers */
.mee-smooth-scroll-enabled .et_fixed_nav.et_show_nav #top-header,
.mee-smooth-scroll-enabled .et_fixed_nav.et_show_nav #main-header {
    position: fixed !important;
}

/* Ensure smooth anchor scrolling */
.mee-smooth-scroll-enabled html {
    scroll-behavior: auto !important;
}