/* اضافه کردن !important به ترنزیشن تصویر برای جلوگیری از تداخلات المنتور در فرانت‌اند */
.smart-slider-container { overflow: hidden; position: relative; width: 100%; }
.smart-slider-container .swiper-slide { position: relative; display: flex; align-items: center; justify-content: center; background-color: #222; overflow: hidden; text-decoration: none; }
.smart-slider-bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: transform 0.6s ease, filter 0.6s ease, -webkit-filter 0.6s ease !important; will-change: transform, filter; }

.smart-slider-hover-zoom_in .swiper-slide:hover .smart-slider-bg-image { transform: scale(1.08); }
.smart-slider-hover-zoom_out .smart-slider-bg-image { transform: scale(1.08); }
.smart-slider-hover-zoom_out .swiper-slide:hover .smart-slider-bg-image { transform: scale(1); }
.smart-slider-hover-grayscale .smart-slider-bg-image { filter: grayscale(100%); }
.smart-slider-hover-grayscale .swiper-slide:hover .smart-slider-bg-image { filter: grayscale(0%); }
.smart-slider-hover-blur .smart-slider-bg-image { filter: blur(5px); transform: scale(1.02); }
.smart-slider-hover-blur .swiper-slide:hover .smart-slider-bg-image { filter: blur(0); }
.smart-slider-hover-brightness .swiper-slide:hover .smart-slider-bg-image { filter: brightness(1.3); }
@keyframes kenburns { 0% { transform: scale(1); } 100% { transform: scale(1.15); } }
.smart-slider-hover-kenburns .smart-slider-bg-image { animation: kenburns 15s ease-out forwards alternate infinite; }

.smart-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; padding: 40px; pointer-events: none; }
.smart-slider-content-box { display: flex; flex-direction: column; gap: 15px; }
.smart-slider-title { margin: 0; color: #ffffff; font-size: 28px; font-weight: bold; text-shadow: 0px 2px 8px rgba(0,0,0,0.6); pointer-events: auto; }
.smart-slider-subtitle { margin: 0; color: #eeeeee; font-size: 16px; text-shadow: 0px 2px 6px rgba(0,0,0,0.6); pointer-events: auto; }
.smart-slider-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; background: #0073aa; color: #fff; border-radius: 5px; text-decoration: none; pointer-events: auto; transition: all 0.3s ease; z-index: 10; font-family: inherit; width: fit-content; }
.smart-slider-main-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; 
    display: block;
}

.custom-swiper-button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; padding: 10px; color: #fff; fill: #fff; width: 40px; height: 40px; }
.custom-swiper-button svg { width: 20px; height: 20px; }
.custom-swiper-button i { font-size: 20px; }
.custom-swiper-button.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.custom-swiper-prev { right: 10px; }
.custom-swiper-next { left: 10px; }

/* اصلاح شماره صفحه برای جلوگیری از درهم ریختگی راست‌چین */
.swiper-pagination-fraction { color: #fff; background: rgba(0,0,0,0.5); padding: 5px 15px; border-radius: 20px; width: auto !important; left: 50% !important; transform: translateX(-50%); direction: ltr !important; font-family: monospace, sans-serif; font-size: 14px; letter-spacing: 1px; }

.smart-countdown-box { position: absolute; z-index: 5; background: rgba(0,0,0,0.7); color: #fff; padding: 10px 20px; border-radius: 5px; display: flex; align-items: center; gap: 8px; font-weight: bold; }
.smart-countdown-box.pos-top-right { top: 20px; right: 20px; }
.smart-countdown-box.pos-top-left { top: 20px; left: 20px; }
.smart-countdown-box.pos-bottom-right { bottom: 20px; right: 20px; }
.smart-countdown-box.pos-bottom-left { bottom: 20px; left: 20px; }
.smart-countdown-box.pos-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
