/* ==========================================================================
   SECTION TRANSITIONS
   Premium Übergänge - länger und eleganter
   ========================================================================== */

.section-transition {
  width: 100%;
  position: relative;
  z-index: 1;
}

/* Von About KI zu Parallax - längerer Übergang */
.section-transition--to-parallax {
  height: 100px;
  background: linear-gradient(
    to bottom,
    rgba(2, 6, 23, 0.6) 0%,
    rgba(2, 6, 23, 0.85) 40%,
    rgba(2, 6, 23, 1) 100%
  );
  margin-top: -100px;
  pointer-events: none;
}


/* Von Parallax (dunkel) zu Academy (dunkelblau) */
.section-transition--to-academy {
  height: 100px;
  background: linear-gradient(
    to bottom,
    rgba(2, 6, 23, 1) 0%,
    rgba(15, 23, 42, 0.9) 50%,
    var(--bg-secondary) 100%
  );
  margin-top: -1px;
}

/* ==========================================================================
   LIGHT MODE: NO TRANSITIONS - Clean cuts between sections
   ========================================================================== */

html.light-theme .section-transition,
html.light-theme .section-transition--to-parallax,
html.light-theme .section-transition--to-academy {
  display: none;
}



/* Von Target Groups zu KI Academy */
.section-transition--target-bottom {
  height: 80px;
  background: linear-gradient(
    to bottom,
    var(--bg-secondary) 0%,
    rgba(15, 23, 42, 0.95) 50%,
    rgba(15, 23, 42, 1) 100%
  );
  margin-top: -1px;
}

/* Light Mode: Hide target transition too */
html.light-theme .section-transition--target-bottom {
  display: none;
}