/* Custom animations for EuroLogistics website */

/* Navbar slide-in animation */
@keyframes slideDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

header {
    animation: slideDown 0.8s ease-in-out;
}

/* Smooth page transitions */
body {
    opacity: 1;
    transition: opacity 0.3s ease;
}

body.page-transition {
    opacity: 0;
}

/* Box animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes floatAnimation {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

/* Apply smooth transitions to all elements */
.service-card, 
.achievement-card, 
.goal-card, 
.region-card, 
.gallery-item, 
.contact-info, 
.contact-form,
.hikayemiz-text,
.form-group,
.footer-logo,
.footer-links,
.footer-contact,
.footer-social,
.footer-bottom {
    transition: transform 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease;
}

/* Ensure all animations are smooth */
a, button, .btn, input, textarea {
    transition: all 0.3s ease;
}

/* Add hover effects to cards */
.service-card:hover, 
.achievement-card:hover, 
.goal-card:hover, 
.region-card:hover, 
.gallery-item:hover, 
.contact-info:hover, 
.contact-form:hover,
.hikayemiz-text:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}