/* =========================================================
   BELIZE — SEAMAN BOOK APPLICATION PROCEDURE
   Continuous animation ONLY
   Scope: #belize-seaman-book procedure panel
   ========================================================= */

#belize-seaman-book .blz2-panel.dark .blz2-steps{
  position:relative;
  overflow:hidden;
}

/* Continuous travelling light on timeline */
#belize-seaman-book .blz2-panel.dark .blz2-steps::after{
  content:"";
  position:absolute;

  left:17px;
  top:18px;

  width:3px;
  height:58px;

  border-radius:999px;

  background:
    linear-gradient(
      to bottom,
      transparent 0%,
      rgba(110,220,255,.30) 18%,
      #7ce5ff 48%,
      rgba(83,199,239,.55) 72%,
      transparent 100%
    );

  box-shadow:
    0 0 8px rgba(90,210,248,.75),
    0 0 18px rgba(65,178,224,.45);

  pointer-events:none;
  z-index:1;

  animation:
    blzSbTimelineTravel 5.4s linear infinite;
}

@keyframes blzSbTimelineTravel{
  0%{
    transform:translateY(-65px);
    opacity:0;
  }

  8%{
    opacity:1;
  }

  88%{
    opacity:1;
  }

  100%{
    transform:translateY(390px);
    opacity:0;
  }
}


/* ---------------------------------------------------------
   Sequential step-circle illumination
   --------------------------------------------------------- */

#belize-seaman-book .blz2-panel.dark .blz2-step-num{
  position:absolute;
  z-index:3;

  animation:
    blzSbStepPulse 5.4s ease-in-out infinite;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(1) .blz2-step-num{
  animation-delay:0s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(2) .blz2-step-num{
  animation-delay:.9s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(3) .blz2-step-num{
  animation-delay:1.8s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(4) .blz2-step-num{
  animation-delay:2.7s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(5) .blz2-step-num{
  animation-delay:3.6s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(6) .blz2-step-num{
  animation-delay:4.5s;
}

@keyframes blzSbStepPulse{
  0%,78%,100%{
    background:#123f58;
    border-color:rgba(112,210,241,.45);

    color:#86d9f3;

    box-shadow:
      0 0 0 rgba(74,197,236,0);

    transform:scale(1);
  }

  8%{
    background:#2b8fba;
    border-color:#8ee8ff;

    color:#ffffff;

    box-shadow:
      0 0 0 5px rgba(77,194,232,.10),
      0 0 15px rgba(81,210,248,.58);

    transform:scale(1.08);
  }

  17%{
    background:#1d6f94;
    border-color:#70d7f6;

    color:#ffffff;

    box-shadow:
      0 0 11px rgba(80,203,241,.32);

    transform:scale(1.03);
  }
}


/* ---------------------------------------------------------
   Matching subtle row glow
   --------------------------------------------------------- */

#belize-seaman-book .blz2-panel.dark .blz2-step{
  border-radius:8px;

  animation:
    blzSbRowGlow 5.4s ease-in-out infinite;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(1){
  animation-delay:0s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(2){
  animation-delay:.9s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(3){
  animation-delay:1.8s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(4){
  animation-delay:2.7s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(5){
  animation-delay:3.6s;
}

#belize-seaman-book .blz2-panel.dark .blz2-step:nth-child(6){
  animation-delay:4.5s;
}

@keyframes blzSbRowGlow{
  0%,78%,100%{
    background:rgba(255,255,255,0);
  }

  8%{
    background:
      linear-gradient(
        90deg,
        rgba(69,180,220,.10),
        rgba(69,180,220,.035) 72%,
        transparent
      );
  }

  18%{
    background:rgba(255,255,255,0);
  }
}


/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce){

  #belize-seaman-book .blz2-panel.dark .blz2-steps::after,
  #belize-seaman-book .blz2-panel.dark .blz2-step,
  #belize-seaman-book .blz2-panel.dark .blz2-step-num{
    animation:none !important;
  }
}