/* Slick Slider Styles */
.slide-item figure {
    margin: 0;
    text-align: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.slide-item figure:hover {
    transform: scale(1.02);
}

.slide-item img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.slide-item img:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.slide-item figcaption {
    margin-top: 0.5rem;
    font-size: 1rem;
    color: #000;
    transition: color 0.3s ease;
}

.slider-container {
    direction: rtl;
    margin-top: 2rem;
    visibility: visible !important;
    opacity: 1 !important;
}

.slider-items {
    direction: rtl;
}

/* Smooth transitions for slick slider */
.slick-track {
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.slick-slide {
    transition: all 0.3s ease;
    padding: 0 0.5rem;
}

.slick-slide > div {
    direction: rtl;
    transition: transform 0.3s ease;
}

/* Active slide enhancement */
.slick-slide.slick-current .slide-item figure {
    transform: scale(1.02);
}

.slick-slide.slick-current .slide-item img {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Smooth easing for better performance - Apply only to slider elements */
.slider-container,
.slider-container *,
.slick-slide,
.slick-slide * {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Additional smooth animations */
.slider-items.slick-initialized {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading state */
.slider-container:not(.slick-initialized) {
    opacity: 0.7;
}

.slider-container.slick-initialized {
    opacity: 1;
    transition: opacity 0.5s ease;
}

/* Custom arrow styles for RTL */
.slick-prev,
.slick-next {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    width: 2rem !important;
    height: 2rem !important;
    font-size: 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    cursor: pointer !important;
}

.slick-prev {
    right: -1.5rem !important;
    left: auto !important;
}

.slick-next {
    left: -1.5rem !important;
    right: auto !important;
}

.slick-prev:before,
.slick-next:before {
    content: '' !important;
}

.ac-second-load-content {
    min-height: 1px;
    display: block;
}

/* Fade-in animation for slider */
.slider-container {
    opacity: 0;
    transform: translateY(20px);
    animation: slideIn 0.8s ease-out forwards;
}

@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Override slick default styles for RTL */
.slick-slider {
    direction: rtl;
}

.slick-list {
    overflow: hidden;
    direction: rtl;
}

.slick-track {
    display: flex;
    align-items: flex-start;
}

.slick-slide {
    padding: 0 0.5rem;
}

.slick-slide > div {
    direction: rtl;
}