/* Hide slider before initialization to prevent FOUC */
.our-blog-slider {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.our-blog-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.our-blog-slider .slick-prev,
.our-blog-slider .slick-next {
    position: absolute;
    top: 40%; /* Aligns arrows with the vertical center of the image */
    transform: translateY(-50%);
    z-index: 10;
    width: 64px;  /* Increased size for better visibility */
    height: 64px; /* Increased size for better visibility */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2B3C47; /* brand-midnight */
    border: none;
    background: transparent;
    cursor: pointer;
    transition: color 0.3s ease;
}

.our-blog-slider .slick-prev:hover,
.our-blog-slider .slick-next:hover {
    color: #7C1746; /* brand-wine */
}

.our-blog-slider .slick-prev {
    left: -60px;
}

.our-blog-slider .slick-next {
    right: -60px;
}

@media (max-width: 1500px) {
    .our-blog-slider .slick-prev {
        left: -25px;
    }
    
    .our-blog-slider .slick-next {
        right: -25px;
    }
}

.our-blog-slider .slick-disabled {
    opacity: 0; /* Hide arrows completely when disabled */
    pointer-events: none;
    cursor: default;
}

.our-blog-slider .slick-disabled:hover {
    color: #2B3C47; /* Keep original color when disabled */
}