/* ============================================
   Course Slider (rd-course-slider)
   Slick carousel wrapper for course cards.
   Used by: kursbibliothek carousel, related courses carousel.
   Card styles live in CourseCard.css (.rd-course-preview-card).
   ============================================ */

/* offset the first and last slides to align with the rest of the content */
.rd-course-slider {
    margin-left: calc(-1 * var(--rd-spacing-big));
    margin-right: calc(-1 * var(--rd-spacing-big));
}

.rd-course-slider .slick-prev {
    left: 0 !important;
}

.rd-course-slider .slick-next {
    right: var(--rd-spacing-big) !important;
}

.rd-course-slider .slick-dots {
    left: calc(var(--rd-spacing-big) - var(--rd-spacing-x-sm)) !important;
}

.rd-course-slider .rd-course-preview-card {
    margin: 0 var(--rd-spacing-big);
}