/* ============================================================
   Rocket Insight — additive UI transitions
   Staged rollout: features are added one at a time and tested
   before the next is switched on. See the numbered sections below.
   Progressive enhancement only: everything is gated behind
   html.js-reveal-enabled (added by transitions05d805d8.js only
   when IntersectionObserver is supported), so content is never
   hidden for users without JavaScript or on older browsers.
   No colours, fonts, spacing or layout are changed by this file.
   ============================================================ */

/* STAGE 1 (active): slide-up reveal for each section as it
   scrolls into view (no fade — sections stay fully opaque and
   simply move up into place). */
html.js-reveal-enabled section[data-bs-version]:not(.menu):not([class*="footer"]) {
  transform: translateY(28px);
  transition: transform 0.7s ease;
}
html.js-reveal-enabled section[data-bs-version].is-visible {
  transform: translateY(0);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  html.js-reveal-enabled section[data-bs-version] {
    transition: none !important;
    transform: none !important;
  }
}

/* STAGE 2 (active): easing on the mobile nav collapse + a light
   stagger on the links as the menu opens. Hooks into Bootstrap's
   own .collapsing/.show classes, so it needs no extra JS and has
   no effect above the 991px breakpoint where the menu is always
   visible. */
.navbar-collapse.collapsing {
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (max-width: 991px) {
  .navbar-collapse .nav-dropdown.nav-right > .nav-item {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item {
    opacity: 1;
    transform: translateY(0);
  }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item:nth-child(1) { transition-delay: 0.03s; }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item:nth-child(2) { transition-delay: 0.07s; }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item:nth-child(3) { transition-delay: 0.11s; }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item:nth-child(4) { transition-delay: 0.15s; }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item:nth-child(5) { transition-delay: 0.19s; }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item:nth-child(6) { transition-delay: 0.23s; }
  .navbar-collapse.show .nav-dropdown.nav-right > .nav-item:nth-child(7) { transition-delay: 0.27s; }
}
@media (prefers-reduced-motion: reduce) {
  .navbar-collapse.collapsing,
  .navbar-collapse .nav-dropdown.nav-right > .nav-item {
    transition: none !important;
  }
}

/* STAGE 3 (active): hover-lift on pricing/feature cards. .item-wrapper
   is the card shell used across the pricing plans and service/feature
   grids; it previously had no hover state or transition at all. */
.item-wrapper {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.item:hover .item-wrapper,
.item-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 1.2rem 2.5rem rgba(0, 0, 0, 0.12);
}
@media (prefers-reduced-motion: reduce) {
  .item-wrapper {
    transition: none !important;
  }
}