/* ============================================
   HEADER OVERLAY — Gold treatment on light pages

   Applies to /work, /work/project, and any page
   where Squarespace sets the header theme to "white".

   Note: The custom hero landing page (.th-hero) has
   been retired. Hero-scoped rules were removed on
   2026-04-02. The :has(#th-hero) header rules were
   also removed since the hero element no longer exists.
   ============================================ */

/* Site title — gold on light pages */
body:not(.sqs-is-page-editing) #header[data-section-theme="white"] .header-title-text a {
  color: #d59e58 !important;
}

/* Nav links — gold, with opacity to differentiate active vs inactive */
body:not(.sqs-is-page-editing) #header[data-section-theme="white"] .header-nav-list a {
  color: #d59e58 !important;
  opacity: 0.55;
  transition: opacity 300ms ease, color 300ms ease;
}

/* Active nav item — full opacity + gold underline (kill Squarespace's native indicator) */
body:not(.sqs-is-page-editing) #header[data-section-theme="white"] .header-nav-item--active a,
body:not(.sqs-is-page-editing) #header[data-section-theme="white"] .header-nav-list a[aria-current="page"] {
  opacity: 1 !important;
  text-decoration: underline !important;
  text-underline-offset: 6px !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: #d59e58 !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Hover — full opacity */
body:not(.sqs-is-page-editing) #header[data-section-theme="white"] .header-nav-list a:hover {
  opacity: 1 !important;
}

/* SVG icons (hamburger, cart) — gold on light pages */
body:not(.sqs-is-page-editing) #header[data-section-theme="white"] svg {
  fill: #d59e58 !important;
  stroke: #d59e58 !important;
}