/* ========================================
   COSMOS T&S - Animations
   ======================================== */

[data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 0.65s;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
[data-aos].aos-animate { opacity: 1; }

[data-aos="fade-up"] { transform: translateY(32px); }
[data-aos="fade-up"].aos-animate { transform: translateY(0); }

[data-aos="fade-in"] { transform: none; }

[data-aos="fade-left"] { transform: translateX(-32px); }
[data-aos="fade-left"].aos-animate { transform: translateX(0); }

[data-aos="fade-right"] { transform: translateX(32px); }
[data-aos="fade-right"].aos-animate { transform: translateX(0); }

[data-aos="zoom-in"] { transform: scale(0.92); }
[data-aos="zoom-in"].aos-animate { transform: scale(1); }

[data-delay="100"] { transition-delay: 0.10s; }
[data-delay="200"] { transition-delay: 0.20s; }
[data-delay="300"] { transition-delay: 0.30s; }
[data-delay="400"] { transition-delay: 0.40s; }
[data-delay="500"] { transition-delay: 0.50s; }

/* Scroll progress */
#scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  background: linear-gradient(to right, var(--orange), var(--orange-light));
  z-index: 9999;
  width: 0%;
  transition: width 0.1s linear;
}

/* Back to top */
#back-to-top {
  position: fixed;
  bottom: 28px; right: 28px;
  width: 46px; height: 46px;
  background: var(--orange);
  color: var(--white);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.3s, transform 0.3s, background 0.2s;
  z-index: 100;
  box-shadow: 0 4px 16px rgba(224,123,34,0.4);
}
#back-to-top.visible { opacity: 1; transform: translateY(0); }
#back-to-top:hover { background: var(--orange-dark); }
#back-to-top svg { width: 20px; height: 20px; }