/*
  AW China Access - launch reliability fixes
  Keeps the approved V45 visual design while ensuring core content never
  depends on JavaScript or scroll observers to become visible.
*/

/* Keep the active request-page CTA legible in every header state. */
html body.request-v2 .site-nav .nav-cta,
html body.request-v2 .site-nav .nav-cta.active,
html body.request-v2 .site-header.scrolled .site-nav .nav-cta,
html body.request-v2 .site-header.is-scrolled .site-nav .nav-cta {
  color: #fff !important;
  background: #7a263a !important;
  border-color: #7a263a !important;
}

/* Progressive enhancement: content is visible even if JavaScript is delayed,
   blocked, or an observer does not fire in a browser or preview environment. */
html body.cba-page .flow,
html body.cba-page .flow-reveal,
html body.cba-page .reveal,
html body.cba-page .rv,
html body.cba-page .fade-up,
html body.cba-page [data-reveal],
html body.cba-page .request-form,
html body.cba-page .next-card,
html body.cba-page .request-hero-card,
html body.cba-page .request-shape-grid article,
html body.cba-page .contact-band-row a,
html body.cba-page .v19-capability-row article,
html body.cba-page .v19-steps article,
html body.cba-page .v19-support-grid article,
html body.cba-page .v19-testimonial-grid blockquote,
html body.cba-page .culture-strip figure,
html body.cba-page .why-v27-head,
html body.cba-page .why-v27-points article,
html body.cba-page .site-footer-v27 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Preserve the approved card hover movement after the visibility safeguard. */
html body.cba-page .sector-card.flow:hover,
html body.cba-page .scene-card.flow:hover,
html body.cba-page .story-card.flow:hover,
html body.cba-page .journey-card.flow:hover,
html body.cba-page .work-step.flow:hover {
  transform: translateY(-5px) !important;
}

/* Avoid long delayed transitions after content is already visible. */
html body.cba-page [data-reveal],
html body.cba-page .flow,
html body.cba-page .flow-reveal,
html body.cba-page .reveal,
html body.cba-page .rv,
html body.cba-page .fade-up {
  transition-delay: 0s !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.cba-page *,
  html body.cba-page *::before,
  html body.cba-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
