/* ============================================================
   DentOktay - Premium Animation System
   Cinematic Transitions, Ken Burns, Fade-up, and Elevate
   ============================================================ */

/* Ken Burns Subtle Zoom for Hero Slides */
@keyframes kenBurnsEffect {
  0% { transform: scale(1.0); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1.0); }
}

.ken-burns {
  animation: kenBurnsEffect 16s ease-in-out infinite alternate;
}

/* Scroll Fade Up Classes */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal-on-scroll.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger Delays */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }

/* Subtle Pulse for WhatsApp */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
  }
  70% {
    box-shadow: 0 0 0 16px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

.pulse-glow {
  animation: pulseGlow 2.5s infinite;
}

/* Smooth Accordion Height */
.accordion-collapse {
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Accessibility: Respect Reduced Motion Preference */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .ken-burns {
    animation: none !important;
    transform: none !important;
  }
  .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .pulse-glow {
    animation: none !important;
  }
  .tourism-parallax-bg,
  .tourism-float-img,
  .tech-parallax-bg,
  .tech-float-wrap {
    transform: none !important;
    transition: none !important;
  }
  .tourism-ambient-orb,
  .tech-ambient-orb {
    animation: none !important;
  }
}

/* ============================================================
   Health Tourism Parallax & Ambient Floating System
   ============================================================ */
.tourism-parallax-section {
  position: relative;
  overflow: hidden;
  background-color: #002d2b;
  color: #ffffff;
  padding: 6.5rem 0;
}

.tourism-parallax-bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.tourism-parallax-bg {
  position: absolute;
  top: -40%;
  left: 0;
  width: 100%;
  height: 180%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  filter: saturate(1.2) brightness(0.8);
}

.tourism-parallax-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 70% 30%, rgba(95, 185, 176, 0.22) 0%, rgba(1, 68, 65, 0.84) 45%, rgba(0, 36, 34, 0.95) 100%),
              linear-gradient(180deg, rgba(0, 45, 43, 0.72) 0%, rgba(0, 24, 23, 0.88) 100%);
  pointer-events: none;
}

/* Ambient Floating Glowing Orbs */
.tourism-ambient-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(60px);
  opacity: 0.45;
  mix-blend-mode: screen;
}

.tourism-ambient-orb.orb-1 {
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(95, 185, 176, 0.6) 0%, rgba(1, 68, 65, 0) 70%);
  top: 5%;
  left: -5%;
  animation: orbDrift1 14s ease-in-out infinite alternate;
}

.tourism-ambient-orb.orb-2 {
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(46, 175, 163, 0.45) 0%, rgba(0, 45, 43, 0) 70%);
  bottom: 0;
  right: -5%;
  animation: orbDrift2 18s ease-in-out infinite alternate;
}

.tourism-ambient-orb.orb-3 {
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, rgba(95, 185, 176, 0) 70%);
  top: 40%;
  left: 45%;
  animation: orbDrift3 12s ease-in-out infinite alternate;
}

@keyframes orbDrift1 {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(40px, -35px, 0) scale(1.12); }
  100% { transform: translate3d(-25px, 25px, 0) scale(0.92); }
}

@keyframes orbDrift2 {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-50px, -40px, 0) scale(1.18); }
  100% { transform: translate3d(30px, 30px, 0) scale(0.95); }
}

@keyframes orbDrift3 {
  0% { transform: translate3d(0, 0, 0) scale(0.9); opacity: 0.2; }
  50% { transform: translate3d(30px, 20px, 0) scale(1.25); opacity: 0.5; }
  100% { transform: translate3d(-30px, -20px, 0) scale(0.85); opacity: 0.2; }
}

/* Glassmorphism Cards in Tourism Section */
.tourism-pillar-card {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(95, 185, 176, 0.3) !important;
  border-radius: 14px !important;
  padding: 1.35rem !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

.tourism-pillar-card:hover {
  transform: translateY(-5px) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(95, 185, 176, 0.6) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), 0 0 20px rgba(95, 185, 176, 0.25) !important;
}

/* Floating Image Counter-Parallax for 3D depth */
.tourism-float-img {
  will-change: transform;
}

@media (max-width: 991px) {
  .tourism-float-img {
    right: 0 !important;
    bottom: -25px !important;
    width: 62% !important;
  }
}

@media (max-width: 576px) {
  .tourism-float-img {
    right: 0 !important;
    bottom: -20px !important;
    width: 65% !important;
  }
}

/* ============================================================
   3D Tomography High-Impact Parallax System
   ============================================================ */
.tech-parallax-section {
  position: relative;
  overflow: hidden;
  background-color: #f6f9f8;
  padding: 6.5rem 0;
}

.tech-parallax-bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.tech-parallax-bg {
  position: absolute;
  top: -40%;
  left: 0;
  width: 100%;
  height: 180%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  filter: saturate(1.1) brightness(1.02);
}

.tech-parallax-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(246, 250, 249, 0.88) 0%, rgba(240, 246, 245, 0.82) 45%, rgba(235, 244, 242, 0.90) 100%),
              radial-gradient(circle at 20% 40%, rgba(255, 255, 255, 0.75) 0%, rgba(246, 250, 249, 0) 65%);
  pointer-events: none;
}

/* Ambient light orbs for high-tech glow */
.tech-ambient-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(55px);
  opacity: 0.55;
}

.tech-ambient-orb.orb-1 {
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(95, 185, 176, 0.28) 0%, rgba(246, 250, 249, 0) 70%);
  top: 5%;
  right: 5%;
  animation: techOrbDrift1 15s ease-in-out infinite alternate;
}

.tech-ambient-orb.orb-2 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(1, 68, 65, 0.12) 0%, rgba(246, 250, 249, 0) 70%);
  bottom: 5%;
  left: 8%;
  animation: techOrbDrift2 12s ease-in-out infinite alternate;
}

@keyframes techOrbDrift1 {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-35px, 25px, 0) scale(1.15); }
  100% { transform: translate3d(25px, -30px, 0) scale(0.9); }
}

@keyframes techOrbDrift2 {
  0% { transform: translate3d(0, 0, 0) scale(0.95); }
  50% { transform: translate3d(40px, -35px, 0) scale(1.12); }
  100% { transform: translate3d(-30px, 20px, 0) scale(1); }
}

/* Foreground Tomography Machine Floating Frame */
.tech-float-wrap {
  will-change: transform;
  position: relative;
  z-index: 2;
  transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1);
}

.tech-infobox-glass {
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(95, 185, 176, 0.35) !important;
  border-radius: 14px !important;
  padding: 1.15rem 1.35rem !important;
  box-shadow: 0 8px 24px rgba(1, 68, 65, 0.05) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.tech-infobox-glass:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(95, 185, 176, 0.65) !important;
  box-shadow: 0 12px 30px rgba(1, 68, 65, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  .tourism-parallax-bg,
  .tech-parallax-bg,
  .tourism-float-img,
  .tech-float-wrap,
  .tourism-ambient-orb,
  .tech-ambient-orb {
    animation: none !important;
    transform: none !important;
  }
}