/**
 * 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;
}

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