/* style.css - Custom Styles for Dajiang Chemical */

/* Animations */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slowZoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

/* Reveal Animation on Scroll (Intersection Observer) */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.reveal-delay-1 {
    transition-delay: 0.1s;
}

.reveal-delay-2 {
    transition-delay: 0.2s;
}

.reveal-delay-3 {
    transition-delay: 0.3s;
}

.reveal-delay-4 {
    transition-delay: 0.4s;
}

/* Navbar Scrolled State */
.nav-scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    color: #333333 !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

/* Override properties for the inner elements when nav is scrolled */
.nav-scrolled #nav-brand,
.nav-scrolled #desktop-nav a {
    color: #333333;
}

/* Exception for the specific outlined button in nav */
#desktop-nav a.border {
    border-color: #003366;
    color: #003366;
}

#desktop-nav a.border:hover {
    background-color: #003366;
    color: #ffffff;
}

/* Mobile Nav Toggle states */
.mobile-nav-open {
    transform: scaleY(1) !important;
    opacity: 1 !important;
    height: auto !important;
    padding-bottom: 2rem !important;
}