/* theme-overrides.css — live-editable CSS via WebDAV.
   Edit this file at /content/theme-overrides.css to tweak styles without a stencil push.
   Loaded LAST in <head> so it wins the cascade (still bring !important where needed).
   Cache: BC serves with max-age=10, so changes usually appear within 10-30 seconds. */

/* Brand-page top-of-content spacing — override .body.content margin-top.
   Base theme sets 2.5rem (~40px), _brandPage.scss overrides to 25px on brand pages.
   Bump/reduce here to iterate live. */
body:has(.brand.main) .body.content {
    margin-top: 25px !important;
}

/* Anchor-scroll offset for sticky header — when the user clicks About / Products /
   Resources on the brand nav, land the section title BELOW the sticky header instead of
   behind it. 115px = combined rsi-header + main-nav-container height (per Josh 2026-07-17)
   + 10px breathing room. Applies to all pages that use anchor navigation. */
html {
    scroll-padding-top: 115px;
}

/* Belt-and-suspenders: also set scroll-margin-top on the specific section anchors,
   in case the html scroll-padding is ever overridden by another rule. */
#brand-about,
#brand-products,
#brand-featured,
#brand-resources {
    scroll-margin-top: 115px;
}
