/* =========================================================
   NSEEB — Motion & hover polish (added on top of the Figma
   design; no layout/visual-design values changed here).
   ========================================================= */

@media (prefers-reduced-motion: no-preference) {
  .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .7s ease, transform .7s ease;
  }
  .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .reveal-stagger.is-visible > * {
    animation: nseeb-fade-up .6s ease both;
  }
  .reveal-stagger.is-visible > *:nth-child(2) { animation-delay: .08s; }
  .reveal-stagger.is-visible > *:nth-child(3) { animation-delay: .16s; }
  .reveal-stagger.is-visible > *:nth-child(4) { animation-delay: .24s; }
  .reveal-stagger.is-visible > *:nth-child(5) { animation-delay: .32s; }
  .reveal-stagger.is-visible > *:nth-child(6) { animation-delay: .4s; }

  @keyframes nseeb-fade-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

/* Hover lift for card-style components across the home page */
.feature-card,
.step-card,
.testimonial-card,
.blog-card,
.product-card,
.promise-card,
.advantage-card,
.value-card,
.vendor-card {
  transition: transform .25s ease, box-shadow .25s ease;
}
.feature-card:hover,
.step-card:hover,
.testimonial-card:hover,
.blog-card:hover,
.product-card:hover,
.promise-card:hover,
.advantage-card:hover,
.value-card:hover,
.vendor-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(21, 14, 54, .14);
}

.blog-card img,
.product-card img,
.vendor-card img {
  transition: transform .4s ease;
}
.blog-card:hover img,
.product-card:hover img,
.vendor-card:hover img {
  transform: scale(1.05);
}

.icon-badge {
  transition: transform .25s ease, background-color .25s ease;
}
.feature-card:hover .icon-badge,
.step-card:hover .step-icon,
.promise-card:hover .icon-badge {
  transform: scale(1.08) rotate(-4deg);
}

.social-icon {
  transition: transform .25s ease, background-color .25s ease;
}
.social-icon:hover {
  background: var(--nseeb-gold) !important;
  transform: translateY(-3px);
}

.privacy-row,
.list-row {
  transition: transform .25s ease, box-shadow .25s ease;
}
.privacy-row:hover,
.list-row:hover {
  transform: translateX(4px);
  box-shadow: 0 14px 34px rgba(21, 14, 54, .12);
}

/* Language switcher (globe icon) in the navbar */
.nseeb-navbar .btn-lang-toggle {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  border-radius: 40px;
  padding: .5rem .9rem;
  font-size: .9rem;
  line-height: 1;
  transition: background-color .2s ease, transform .2s ease;
}
.nseeb-navbar .btn-lang-toggle:hover,
.nseeb-navbar .btn-lang-toggle:focus {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  transform: translateY(-2px);
}
.nseeb-navbar .btn-lang-toggle span {
  font-weight: 600;
  letter-spacing: .03em;
}
.nseeb-navbar .dropdown-menu {
  border: none;
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(21, 14, 54, .18);
  padding: .5rem;
  margin-top: .75rem !important;
}
.nseeb-navbar .dropdown-item {
  border-radius: 8px;
  padding: .5rem .9rem;
  font-size: .9rem;
  color: var(--nseeb-ink);
  transition: background-color .15s ease, color .15s ease;
}
.nseeb-navbar .dropdown-item:hover,
.nseeb-navbar .dropdown-item:focus {
  background: #EFEAFB;
  color: var(--nseeb-purple);
}
.nseeb-navbar .dropdown-item.active {
  background: var(--nseeb-purple);
  color: #fff;
}
.navbar-nav .dropdown-menu {
  border: none;
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(21, 14, 54, .18);
}

/* Buttons already have color transitions in style.css — add a gentle lift */
.btn-nseeb-primary,
.btn-nseeb-outline,
.btn-nseeb-gold,
.btn-nseeb-light {
  transition: all .2s ease, transform .2s ease;
}
.btn-nseeb-primary:hover,
.btn-nseeb-outline:hover,
.btn-nseeb-gold:hover,
.btn-nseeb-light:hover {
  transform: translateY(-2px);
}