/* Parallax Scrolling Effects */
.parallax-container {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Base parallax element styles */
.parallax-element {
  will-change: transform;
  transition: transform 0.1s ease-out;
}

/* Different parallax depths */
.parallax-depth-1 {
  --parallax-factor: 0.1;
}

.parallax-depth-2 {
  --parallax-factor: 0.2;
}

.parallax-depth-3 {
  --parallax-factor: 0.3;
}

.parallax-depth-4 {
  --parallax-factor: 0.4;
}

.parallax-depth-5 {
  --parallax-factor: 0.5;
}

/* Parallax direction modifiers */
.parallax-up {
  --parallax-direction: -1;
}

.parallax-down {
  --parallax-direction: 1;
}

/* Section-specific parallax effects */

/* Hero section parallax */
.hero-section {
  perspective: 1000px;
}

.hero-video-bg {
  transform-style: preserve-3d;
}

/* About section parallax */
.about-container {
  perspective: 1000px;
}

.about-list li {
  transition: transform 0.2s ease-out;
}

/* Experience section parallax */
.experience-section {
  perspective: 1000px;
}

/* Certifications section parallax */
.certifications-section {
  perspective: 1000px;
}

.cert-category {
  transition: transform 0.2s ease-out;
}

/* Words about me section parallax */
.words-about-me-section {
  perspective: 1000px;
}

.words-grid {
  transform-style: preserve-3d;
}

/* Parallax decorative elements */
.parallax-decoration {
  position: absolute;
  pointer-events: none;
  opacity: 0.5;
  z-index: -1;
}

.parallax-circle {
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(58, 93, 176, 0.1), rgba(90, 200, 250, 0.1));
}

.parallax-square {
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(58, 93, 176, 0.1), rgba(90, 200, 250, 0.1));
  transform: rotate(15deg);
}

/* Disable parallax on mobile/touch devices for performance */
@media (hover: none) and (pointer: coarse) {
  .parallax-element {
    transform: none !important;
    transition: none !important;
  }
}