/* rk-heading-content.css
   Styles to support heading-based GSAP scroll animations (no background color changes)
*/

/* Scrollable wrapper for the content sections */
.rk-scroll-textWrapper {
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  contain: layout paint size;
}

/* Invisible buffer managed by JS */
.rk-scroll-buffer {
  height: 0;
  pointer-events: none;
  visibility: hidden;
}

/* Individual content sections */
.rk-textContent {
  position: relative;
  opacity: 0; /* initial state; GSAP fades in */
  transform: translateY(30px);
  will-change: transform, opacity;
}

/* External heading elements list (optional) */
.rk-headingEffect {
  display: block;
  opacity: 0; /* initial state; GSAP reveals */
  transform: translateY(60px); /* larger offset for clearer gap */
  will-change: transform, opacity;
}

/* Headings inside each section (fallback/trigger) */

/* Optional spacing/typography tweaks – adjust as needed */
.rk-textContent + .rk-textContent {
  margin-top: 2rem;
}

.rk-headingEffect,
.rk-textContent .rk-headingTrigger {
  font-weight: 700;
  line-height: 1.2;
}

/* Ensure headings are not hidden by Elementor visibility utilities on desktop */
@media (min-width: 768px) {
  .rk-textContent .rk-headingTrigger {
    display: block !important;
  }
}

/* Support alternate class name used in content: .headingTrigger */
.rk-textContent .headingTrigger {
  display: block;
  /* opacity: 0;  */
  transform: translateY(60px);
  will-change: transform, opacity;
}

/* Mobile/editor safety: ensure headings are visible when JS fallbacks run */
@media (max-width: 767px) {
  .rk-textContent .rk-headingTrigger,
  .rk-textContent .headingTrigger {
    opacity: 1;
    transform: none;
  }
}