/* === Wavy background (bez kolizí) === */
.bg-waves { position: absolute; width: 0; height: 0; }

.wave-canvas {
  position: fixed; inset: 0; z-index: 0;
  pointer-events: none; overflow: hidden;
}
body > *:not(.wave-canvas):not(.bg-waves):not(.bg-orbs) {
  position: relative; z-index: 1;
}
.wave-canvas::before{
  content:""; position:absolute; inset:-10%;
  background:
    radial-gradient(120% 120% at 0% 0%, #140f22 0%, transparent 60%),
    radial-gradient(120% 120% at 100% 100%, #23183a 0%, transparent 60%),
    linear-gradient(135deg,#0e0c15,#1a1225);
  background-size:200% 200%, 200% 200%, 200% 200%;
  background-position:0% 0%, 100% 100%, 0% 0%;
  filter:url(#wavy);
  animation:drift 35s ease-in-out infinite;
  opacity:.6; will-change:transform, filter, background-position;
}
@keyframes drift{
  0%{background-position:0% 0%,100% 100%,0% 0%}
  50%{background-position:100% 100%,0% 0%,100% 100%}
  100%{background-position:0% 0%,100% 100%,0% 0%}
}

/* Orbs */
.bg-orbs{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden }
.orb{ position:absolute; width:420px; height:420px; border-radius:50%;
      filter:blur(50px); opacity:.18; animation:float 16s ease-in-out infinite; }
.orb--1{ background:radial-gradient(circle at 30% 30%,#8b5cf6,transparent 60%); top:-80px; left:-120px }
.orb--2{ background:radial-gradient(circle at 70% 40%,#c084fc,transparent 60%); bottom:-140px; right:-120px; animation-delay:4s }
.orb--3{ background:radial-gradient(circle at 50% 50%,#9f7aea,transparent 60%); top:40%; left:55%; width:360px; height:360px; animation-delay:8s }
@keyframes float{ 0%{transform:translate(0,0) scale(1)} 50%{transform:translate(10px,-25px) scale(1.02)} 100%{transform:translate(0,0) scale(1)} }

/* === MOBILE/TABLET: same-as-home HARD DISABLE OF WAVES === */
/* === MOBILE + TABLET (včetně iPadů): úplné vypnutí waves/orbs === */
@media (max-width: 1024px){
  /* úplně schovej všechny vrstvy s efektem */
  .wave-canvas,
  .bg-waves,
  .bg-orbs{
    display: none !important;
  }

  /* udržuj stále fialové pozadí */
  html, body{
    background: linear-gradient(135deg,#0e0c15,#1a1225) !important;
    background-color: #0e0c15 !important;
    overscroll-behavior: none !important;
  }
}