/* Alpine.js Transitions */
[x-cloak] {
    display: none !important;
}

.transition-opacity {
    transition-property: opacity;
    transition-duration: 300ms;
}

.transition-transform {
    transition-property: transform;
    transition-duration: 300ms;
}

/* Fade transitions */
.fade-enter-active, .fade-leave-active {
    transition: opacity 0.3s ease;
}
.fade-enter-from, .fade-leave-to {
    opacity: 0;
}

/* Team member hover effects */
.team-member-overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.team-member:hover .team-member-overlay {
    opacity: 1;
}

/* Service card hover effects */
.service-card:hover .service-icon {
    background-color: var(--primary-color);
    color: white;
}

.service-card:hover .service-arrow {
    transform: translateX(4px);
}

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInRight {
    from { transform: translateX(-20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.animate-fadeIn {
    animation: fadeIn 0.5s ease forwards;
}

.animate-slideInRight {
    animation: slideInRight 0.5s ease forwards;
}