/**
 * Anchor Link Offset Fix
 * Prevents sticky header from covering anchor targets
 * Works on all pages with any element that has an ID
 */

/* Offset for anchor links - accounts for sticky header */
html {
    scroll-padding-top: 150px;
    scroll-behavior: smooth;
}

/* Fallback for older browsers */
[id] {
    scroll-margin-top: 150px;
}

/* Adjust offset on mobile where header may be smaller */
@media only screen and (max-width: 767px) {
    html {
        scroll-padding-top: 100px;
    }
    [id] {
        scroll-margin-top: 100px;
    }
}