/* Enhanced Animations for Reemiga Theme */

/* Scroll Animations */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.animate-on-scroll.animated {
    opacity: 1;
    transform: translateY(0);
}

/* Header Animation */
header, .o_header, nav {
    animation: slideInDown 0.6s ease-out;
}
@keyframes slideInDown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Section Animations */
section {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}
section.animated {
    opacity: 1;
    transform: translateY(0);
}

/* Card Hover Effects */
.card, .product-card, .service-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover, .product-card:hover, .service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Button Effects */
.btn, button, a.primary-btn {
    transition: all 0.3s ease;
}
.btn:hover, button:hover, a.primary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Fade In Animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.fade-in { animation: fadeIn 0.6s ease-out; }

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}