/* Static-clone header fixes for the Squarespace 1:1 rebuild.
 *
 * The captured HTML is the post-JS DOM, but the page still loads Squarespace's
 * site-bundle.js, which re-initializes the header on top of it. Two side effects
 * break the mobile header:
 *
 *  1. Header elements ship with class `preFade` (opacity:0) and rely on the
 *     bundle's IntersectionObserver to fade them in. That reveal doesn't fire
 *     reliably in the static clone, so the logo and hamburger stay invisible
 *     while still occupying space. Force them visible.
 *
 *  2. The bundle injects its own `.header-dropdown-icon` chevron next to the one
 *     already baked into the captured markup, so every folder item in the mobile
 *     menu renders two carets. Keep the first, hide any injected siblings.
 */

/* 1. Always show header branding/nav (desktop + mobile logo, hamburger, CTA). */
#header .preFade {
  opacity: 1 !important;
}

/* 2. Collapse duplicate dropdown chevrons to a single caret. */
.header-dropdown-icon ~ .header-dropdown-icon {
  display: none !important;
}
