/**
 * Programs Block Styles
 */

/* Slider specific styles */
.programs-slider .slick-track {
    display: flex !important;
}

.programs-slider .slick-slide {
    height: inherit !important;
    display: flex !important;
    justify-content: center;
    margin: 0 10px;
}

.programs-slider .slider-item {
    height: 100%;
}

/* Make sure the cards are the same height */
.programs-slider .card {
    height: 100%;
    margin-bottom: 30px; /* Space for dots navigation */
}

/* Arrow navigation styles */
.programs-slider .slick-prev,
.programs-slider .slick-next {
    z-index: 10;
}

.programs-slider .slick-prev {
    left: -20px;
}

.programs-slider .slick-next {
    right: -20px;
}

.programs-slider .slick-prev:before,
.programs-slider .slick-next:before {
    font-size: 24px;
    opacity: 0.7;
    color: #2a6ebb;
}

/* Dots navigation styles */
.programs-slider .slick-dots {
    bottom: -25px;
}

.programs-slider .slick-dots li button:before {
    font-size: 12px;
}

/* Responsive fixes */
@media (max-width: 767px) {
    .programs-slider .slick-prev {
        left: 5px;
    }
    
    .programs-slider .slick-next {
        right: 5px;
    }
}