/* Enhanced styles for mycal AI landing page */

/* Navigation styles */
.nav-link {
    @apply text-gray-700 hover:text-primary-600 px-4 py-2 rounded-lg transition-all duration-300 font-medium relative;
}

.nav-link:hover {
    @apply bg-gray-50;
}

.nav-link.active {
    @apply text-primary-600 bg-primary-50;
}

/* Button styles */
.btn-primary {
    @apply bg-gradient-to-r from-primary-500 to-secondary-500 text-white px-6 py-2.5 rounded-xl font-semibold hover:from-primary-600 hover:to-secondary-600 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl;
}

.btn-secondary {
    @apply bg-gradient-to-r from-red-500 to-pink-500 text-white px-6 py-2.5 rounded-xl font-semibold hover:from-red-600 hover:to-pink-600 transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl;
}

.btn-outline {
    @apply border-2 border-primary-500 text-primary-600 px-6 py-2.5 rounded-xl font-semibold hover:bg-primary-500 hover:text-white transition-all duration-300;
}

.btn-ghost {
    @apply text-primary-600 px-6 py-2.5 rounded-xl font-semibold hover:bg-primary-50 transition-all duration-300;
}

/* Card styles */
.feature-card {
    @apply bg-white/80 backdrop-blur-sm rounded-2xl shadow-lg p-8 transition-all duration-500 hover:shadow-2xl hover:transform hover:scale-105 text-center border border-gray-100/50 group;
}

.feature-card:hover {
    @apply bg-white;
}

.feature-card i {
    @apply transform transition-transform duration-300 group-hover:scale-110;
}

.testimonial-card {
    @apply bg-white/90 backdrop-blur-sm rounded-2xl shadow-lg p-8 transition-all duration-500 hover:shadow-2xl border border-gray-100/50 relative overflow-hidden;
}

.testimonial-card::before {
    content: '';
    @apply absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-primary-500 to-secondary-500;
}

.glass-card {
    @apply bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl shadow-2xl;
}

/* Department card styles */
.department-card {
    @apply flex flex-col items-center p-6 bg-white/80 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 hover:transform hover:scale-105 border border-gray-100/50 group;
}

.department-icon {
    @apply w-16 h-16 rounded-xl flex items-center justify-center mb-4 transition-all duration-300 group-hover:scale-110;
}

/* Enhanced Department card styles */
.department-card-enhanced {
    @apply relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-500 cursor-pointer border border-gray-100 overflow-hidden;
}

.department-icon-enhanced {
    @apply w-16 h-16 rounded-2xl flex items-center justify-center shadow-xl transform transition-all duration-300 group-hover:scale-110;
}

/* Enhanced Navigation Styles */
.nav-link-enhanced {
    @apply flex items-center space-x-2 px-4 py-2 rounded-xl text-gray-700 font-medium hover:text-primary-600 hover:bg-primary-50 transition-all duration-300 relative overflow-hidden;
}

.nav-link-enhanced::before {
    content: '';
    @apply absolute bottom-0 left-0 w-full h-0.5 bg-gradient-to-r from-primary-500 to-secondary-500 transform scale-x-0 transition-transform duration-300;
}

.nav-link-enhanced:hover::before {
    @apply scale-x-100;
}

.btn-primary-enhanced {
    @apply flex items-center px-6 py-2 bg-gradient-to-r from-primary-600 to-secondary-600 text-white font-bold rounded-xl hover:from-primary-700 hover:to-secondary-700 transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-xl;
}

.btn-secondary-enhanced {
    @apply flex items-center px-6 py-2 border-2 border-gray-300 text-gray-700 font-bold rounded-xl hover:border-primary-500 hover:text-primary-600 hover:bg-primary-50 transition-all duration-300;
}

.mobile-nav-link {
    @apply flex items-center space-x-3 px-4 py-3 rounded-xl text-gray-700 font-medium hover:text-primary-600 hover:bg-primary-50 transition-all duration-300;
}

/* Form styles */
.form-input {
    @apply w-full px-4 py-3 border border-gray-200 rounded-xl focus:outline-none focus:ring-4 focus:ring-primary-500/20 focus:border-primary-500 transition-all duration-300 bg-white/90 backdrop-blur-sm;
}

.form-label {
    @apply block text-gray-700 font-semibold mb-2;
}

.form-container {
    @apply bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl p-8 border border-gray-100/50;
}

/* Hero section styles */
.hero-gradient {
    @apply bg-gradient-to-br from-primary-600 via-primary-700 to-secondary-600;
}

.hero-text {
    @apply text-white drop-shadow-lg;
}

/* Animation classes */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

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

.animate-bounce-slow {
    animation: bounce 3s infinite;
}

.animate-pulse-slow {
    animation: pulse 4s infinite;
}

/* Footer styles */
.footer-link {
    @apply text-gray-300 hover:text-primary-400 transition-colors duration-300;
}

.social-link {
    @apply w-10 h-10 bg-gray-700 hover:bg-primary-500 rounded-lg flex items-center justify-center text-gray-300 hover:text-white transition-all duration-300 transform hover:scale-110;
}

/* Special effects */
.gradient-text {
    @apply bg-gradient-to-r from-primary-600 to-secondary-600 bg-clip-text text-transparent;
}

.section-header {
    @apply text-4xl md:text-5xl font-bold mb-6 text-center;
}

.section-subheader {
    @apply text-xl text-gray-600 mb-12 text-center max-w-3xl mx-auto leading-relaxed;
}

/* Dashboard specific styles */
.dashboard-card {
    @apply bg-white/90 backdrop-blur-sm rounded-2xl shadow-lg p-6 border border-gray-100/50 hover:shadow-xl transition-all duration-300;
}

.stat-card {
    @apply bg-gradient-to-br p-6 rounded-2xl text-white shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105;
}

.stat-card.blue {
    @apply from-blue-500 to-blue-600;
}

.stat-card.green {
    @apply from-green-500 to-green-600;
}

.stat-card.purple {
    @apply from-purple-500 to-purple-600;
}

.stat-card.orange {
    @apply from-orange-500 to-orange-600;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .nav-link {
        @apply px-2 py-1 text-sm;
    }
    
    .btn-primary, .btn-secondary {
        @apply px-4 py-2 text-sm;
    }
    
    .feature-card, .testimonial-card {
        @apply p-6;
    }
}

/* Loading and interaction states */
.loading {
    @apply opacity-50 pointer-events-none;
}

.skeleton {
    @apply animate-pulse bg-gray-200 rounded;
}

/* Calendar customizations */
.fc-theme-standard .fc-scrollgrid {
    border: none !important;
}

.fc-theme-standard .fc-scrollgrid td,
.fc-theme-standard .fc-scrollgrid th {
    border-color: #e5e7eb !important;
}

.fc .fc-button-primary {
    background: linear-gradient(135deg, #3b82f6, #0ea5e9) !important;
    border: none !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
}

.fc .fc-button-primary:hover {
    background: linear-gradient(135deg, #2563eb, #0284c7) !important;
}

.fc-event {
    border-radius: 0.5rem !important;
    border: none !important;
    background: linear-gradient(135deg, #3b82f6, #0ea5e9) !important;
    font-weight: 500 !important;
}