/**
 * Smooth Scroller Styles
 * Applied when smooth scrolling is enabled
 * Optimized for all easing functions and device-specific settings
 */

html.mee-smooth-scroll-enabled {
    height: 100%;
    scroll-behavior: auto !important;
}

body.mee-smooth-scroll-enabled {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Device-specific styles */
body.mee-smooth-scroll-device-desktop {
    -font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body.mee-smooth-scroll-device-tablet,
body.mee-smooth-scroll-device-mobile {
    -webkit-font-smoothing: antialiased;
}

/* 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;
}

/* Optimize smooth scrolling for better performance */
.mee-smooth-scroll-enabled {
    will-change: scroll-position;
}

/* Fix for horizontal scroll interactions */
.mee-smooth-scroll-enabled .mee-horizontal-scroll-extension__container {
    will-change: transform;
}

/* Smooth scrolling disabled state */
body.mee-smooth-scroll-disabled {
    scroll-behavior: smooth !important;
}