/*
  Captiva Hotlaunch: GeneratePress Child custom CSS
  - Header hide-on-scroll
  - Hero underline SVG animation helper classes
*/

/* ========== Header hide-on-scroll ========== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  transition: transform 220ms ease;
}

.site-header.is-hidden {
  transform: translateY(-110%);
}

/* ========== Hero underline SVG animation ========== */
.hl-underline {
  position: relative;
  display: inline-block;
  padding-bottom: 0.2em;
}

.hl-underline svg {
  position: absolute;
  left: 0;
  bottom: -0.12em;
  width: 100%;
  height: 0.55em;
  overflow: visible;
  pointer-events: none;
}

.hl-underline path {
  fill: none;
  stroke: #c4001a; /* adjust if needed */
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hl-underline .hl-line-1 {
  stroke-width: 6;
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation: hl-draw 900ms ease forwards;
}

.hl-underline .hl-line-2 {
  stroke-width: 7;
  stroke-dasharray: 420;
  stroke-dashoffset: 420;
  animation: hl-draw 650ms ease forwards;
  animation-delay: 260ms;
}

@keyframes hl-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hl-underline .hl-line-1,
  .hl-underline .hl-line-2 {
    animation: none;
    stroke-dashoffset: 0;
  }
}