/**
 * Layout: Opkomende evenementen (Child Theme)
 * Styling for upcoming events list layout
 */

#upcoming-events {
    @apply transition-colors duration-300 ease-in-out;
}

/* Event link hover effects */
#upcoming-events a {
    @apply no-underline;
}

#upcoming-events a:hover {
    @apply no-underline;
}

#upcoming-events a svg {
    @apply !size-6;
}

/* Responsive spacing */
@media (max-width: 768px) {
    #upcoming-events {
        @apply py-6 md:py-12;
    }
}