/**
 * Homepage Hero Block Styles
 */

.block-homepage-hero {
    position: relative;
    overflow: hidden;
}

/* Button styles */
.block-homepage-hero .btn-primary {
    @apply bg-brand-500 text-white hover:bg-brand-600 hover:shadow-lg;
}

.block-homepage-hero .btn-outline {
    @apply bg-white/90 text-dark-900 border-2 border-white hover:bg-white hover:shadow-lg;
}

/* Popular Courses Widget */
.popular-courses-widget {
    backdrop-filter: blur(10px);
}

/* Category Badge Styling */
.popular-courses-widget .badge {
    @apply inline-block px-2 py-1 text-xs font-semibold rounded;
}

/* Wobble animation */
@keyframes wobble {
    0%, 100% { transform: rotate(0deg) scale(1); }
    25% { transform: rotate(12deg) scale(1.1); }
    50% { transform: rotate(-12deg) scale(1.1); }
    75% { transform: rotate(8deg) scale(1.1); }
}

.animate-wobble {
    animation: wobble 0.8s ease-in-out infinite;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    
    .popular-courses-widget {
        margin-top: 2rem;
    }
}