/* ===== BERITA TERKINI SMOOTH SLOW FADE UP ANIMATIONS ===== */

/* Base fade up animation for berita section */
.berita-fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: opacity, transform;
}

.berita-fade-up.berita-animated {
  opacity: 1;
  transform: translateY(0);
}

/* Specific animations for different elements */
.berita-section-title.berita-fade-up {
  transform: translateY(80px);
  transition: all 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.berita-section-title.berita-fade-up.berita-animated {
  opacity: 1;
  transform: translateY(0);
}

/* News list container */
.beranda-news-list.berita-fade-up {
  transform: translateY(70px);
  transition: all 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.beranda-news-list.berita-fade-up.berita-animated {
  opacity: 1;
  transform: translateY(0);
}

/* Individual news items with staggered animation */
.beranda-news-item.berita-fade-up {
  transform: translateY(50px);
  transition: all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.beranda-news-item.berita-fade-up.berita-animated {
  opacity: 1;
  transform: translateY(0);
}

/* Delay variations for staggered effect */
.berita-fade-up[data-delay="100"] {
  transition-delay: 0.1s;
}

.berita-fade-up[data-delay="200"] {
  transition-delay: 0.2s;
}

.berita-fade-up[data-delay="300"] {
  transition-delay: 0.3s;
}

.berita-fade-up[data-delay="400"] {
  transition-delay: 0.4s;
}

.berita-fade-up[data-delay="500"] {
  transition-delay: 0.5s;
}

.berita-fade-up[data-delay="600"] {
  transition-delay: 0.6s;
}

.berita-fade-up[data-delay="700"] {
  transition-delay: 0.7s;
}

.berita-fade-up[data-delay="800"] {
  transition-delay: 0.8s;
}

/* Enhanced smooth animation for news items content */
.beranda-news-item.berita-fade-up .beranda-news-thumb {
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: inherit;
}

.beranda-news-item.berita-fade-up.berita-animated .beranda-news-thumb {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.beranda-news-item.berita-fade-up .beranda-news-content {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: calc(var(--delay, 0s) + 0.1s);
}

.beranda-news-item.berita-fade-up.berita-animated .beranda-news-content {
  opacity: 1;
  transform: translateY(0);
}

/* Load more button animation */
.beranda-load-more .btn.berita-fade-up {
  transform: translateY(40px) scale(0.9);
  transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.beranda-load-more .btn.berita-fade-up.berita-animated {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .berita-fade-up {
    transform: translateY(40px);
    transition-duration: 1s;
  }
  
  .berita-section-title.berita-fade-up {
    transform: translateY(50px);
    transition-duration: 1.2s;
  }
  
  .beranda-news-list.berita-fade-up {
    transform: translateY(45px);
    transition-duration: 1.1s;
  }
  
  .beranda-news-item.berita-fade-up {
    transform: translateY(35px);
    transition-duration: 0.9s;
  }
}

@media (max-width: 576px) {
  .berita-fade-up {
    transform: translateY(30px);
    transition-duration: 0.8s;
  }
  
  .berita-section-title.berita-fade-up {
    transform: translateY(35px);
    transition-duration: 1s;
  }
  
  .beranda-news-item.berita-fade-up .beranda-news-thumb {
    transform: translateY(20px) scale(0.98);
    transition-duration: 0.8s;
  }
  
  .beranda-news-item.berita-fade-up .beranda-news-content {
    transform: translateY(25px);
    transition-duration: 0.9s;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .berita-fade-up {
    transition: opacity 0.3s ease !important;
    transform: none !important;
  }
  
  .berita-fade-up.berita-animated {
    opacity: 1 !important;
    transform: none !important;
  }
  
  .beranda-news-item.berita-fade-up .beranda-news-thumb,
  .beranda-news-item.berita-fade-up .beranda-news-content {
    transition: opacity 0.3s ease !important;
    transform: none !important;
  }
  
  .beranda-news-item.berita-fade-up.berita-animated .beranda-news-thumb,
  .beranda-news-item.berita-fade-up.berita-animated .beranda-news-content {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Performance optimizations */
.berita-fade-up.berita-animated {
  will-change: auto;
}

/* Smooth hover effects for animated items */
.beranda-news-item.berita-animated:hover {
  transform: translateY(-2px);
  transition: transform 0.3s ease;
}

.beranda-news-item.berita-animated:hover .beranda-news-thumb img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}