/* enhancements.css — Progressive UI polish on top of style.css */

/* ─── SCROLL REVEAL ─── */
[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.55s ease-out, transform 0.55s ease-out;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger children inside a reveal container */
[data-reveal]:nth-child(2) { transition-delay: 0.08s; }
[data-reveal]:nth-child(3) { transition-delay: 0.16s; }
[data-reveal]:nth-child(4) { transition-delay: 0.24s; }
[data-reveal]:nth-child(5) { transition-delay: 0.32s; }
[data-reveal]:nth-child(6) { transition-delay: 0.40s; }


/* ─── ACTIVE NAV LINK ─── */
.nav-link--active {
  background: #FFD23F;
  border-color: #000 !important;
}


/* ─── BACK TO TOP ─── */
#backToTop {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 900;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, box-shadow 0.12s, transform 0.12s;
}

#backToTop:hover {
  box-shadow: 8px 8px 0 0 #000;
  transform: translate(-2px, -2px);
}


/* ─── HERO TAGLINE CURSOR (typing animation) ─── */
.hero-tagline::after {
  content: '|';
  animation: blink 0.75s step-end infinite;
  margin-left: 2px;
  font-weight: 400;
  opacity: 0.7;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}


/* ─── SKILL CARD STAGGER ─── */
.skills-grid [data-reveal] {
  transition-duration: 0.45s;
}


/* ─── PROJECT CARD FOCUS RING (keyboard accessibility) ─── */
.bb:focus-visible,
.bc:focus-visible,
.nav-link:focus-visible,
.mobile-link:focus-visible {
  outline: 3px solid #FF6B6B;
  outline-offset: 2px;
}