html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(78px + var(--wp-admin--admin-bar--height, 0px));
}

/* Keep anchor targets visible below Flatsome's sticky header. */
:where([id]) {
    scroll-margin-top: calc(78px + var(--wp-admin--admin-bar--height, 0px));
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}