/** Shopify CDN: Minification failed Line 7:0 Unexpected "=" Line 51:42 Expected "}" to go with "{" **/ ========================================================================== RSBC Header — transparent-over-hero variant Sits over the hero section on load, then swaps to a solid Midnight bar once the user scrolls past the hero. Toggled by rsbc-header.js adding the `is-scrolled` class to . ========================================================================== */ .shopify-section-header { position: absolute; inset-inline: 0; top: 0; z-index: 10; background: transparent; transition: background-color 0.25s ease, box-shadow 0.25s ease; } /* Only float over content when a hero section immediately follows. Add this class server-side (see header.liquid note) so interior pages without a hero keep a normal in-flow solid header. */ body:not(.rsbc-has-hero) .shopify-section-header { position: relative; background: var(--rsbc-midnight, #151516); } body.rsbc-has-hero.is-scrolled .shopify-section-header { position: fixed; background: var(--rsbc-midnight, #151516); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } /* Nav / logo / icon colour while transparent — Oat on transparent, per approved pairing (reads against the hero overlay). Once solid, Dawn's own header colour scheme settings take over normally. */ body.rsbc-has-hero:not(.is-scrolled) .shopify-section-header, body.rsbc-has-hero:not(.is-scrolled) .shopify-section-header a, body.rsbc-has-hero:not(.is-scrolled) .shopify-section-header svg, body.rsbc-has-hero:not(.is-scrolled) .shopify-section-header .header__heading-link { color: var(--rsbc-oat, #FCF3E6); fill: var(--rsbc-oat, #FCF3E6); } /* Push the hero up so it starts behind the header rather than below it */ body.rsbc-has-hero .rsbc-hero { margin-top: calc(-1 * var(--header-height, 80px)); padding-top: var(--header-height, 80px);