/* Event Section Styling - Minimal Custom CSS (Bootstrap-first) */
.event-section {
    width: 100%;
}

/* Card - Eckig und kein Hover-Movement */
.event-carousel-item .card {
    min-height: 250px;
    border-radius: 0 !important;
}

/* Entferne alle abgerundeten Ecken */
.event-section .rounded,
.event-section .rounded-circle {
    border-radius: 0 !important;
}

/* Modal auch eckig */
.event-section .modal-content {
    border-radius: 0 !important;
}

/* Event Carousel */
.event-carousel-wrapper {
    position: relative;
}

/* Navigation Buttons - Hover & Active States */
.sldr-btn {
    transition: opacity 0.2s ease;
}

.sldr-btn:hover:not(.disabled) {
    opacity: 0.7;
}

.sldr-btn:active:not(.disabled) {
    opacity: 0.5;
    transform: scale(0.95);
}

.sldr-btn.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.event-carousel {
    overflow: hidden;
    width: 100%;
}

.event-carousel-list {
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE/Edge */
}

.event-carousel-list::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.event-carousel-item {
    flex: 0 0 auto;
    width: calc(33.333% - 2.5rem);
    min-width: 320px;
}

/* Responsive */
@media (max-width: 1200px) {
    .event-carousel-item {
        width: calc(50% - 2.5rem);
    }
}

@media (max-width: 992px) {
    .event-carousel-item {
        width: calc(75% - 11rem);
    }
}

@media (max-width: 768px) {
    .event-carousel-item {
        width: calc(100% - 3rem);
        min-width: 280px;
    }
}