.posts-gallery-wrapper { width: 100%; direction: ltr; }

/* اسلایدر اصلی */
.posts-gallery-main { margin-bottom: 20px; }
.posts-gallery-main img { width: 100%; height: 450px; object-fit: cover; }

/* کانتینر تامبنیل‌ها */
.posts-gallery-thumbs-container { 
    display: flex; 
    align-items: center; 
    justify-content: center;
    gap: 10px; 
    margin-top: 25px;
}



/* تنظیمات خود سوایپر تامبنیل */
.posts-gallery-thumbs { width: calc(100% - 80px); }
.posts-gallery-thumbs .swiper-slide { 
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.3s;
    aspect-ratio: 16 / 9;
    max-width: 200px !important;
    width: auto !important;
    height: auto;
}
.posts-gallery-thumbs img { width: 100%; height: 80px; object-fit: cover; display: block; }

/* استایل بولت‌ها */
.swiper-pagination-bullet-active { background: #f28c18 !important; }




/* اگر سوایپر کلاس lock رو اضافه کرد، باز هم نمایشش بده */
.swiper-button-lock {
    display: flex !important; 
}



/* این کلاس را اضافه کن تا دکمه‌ها همیشه در دسترس باشند */
.thumb-arrow {
    cursor: pointer;
    padding: 15px 10px;
    z-index: 10; /* مطمئن شو روی بقیه عناصر قرار میگیره */
    user-select: none;
}

.thumb-arrow svg{
    width: 10px;
}

/* جلوگیری از مخفی شدن توسط سوایپر */
.posts-gallery-thumbs-container .swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


.swiper.posts-gallery-thumbs .swiper-wrapper {
    justify-content: center;
    gap: 10px;
}



.posts-gallery-thumbs{
    width: auto;
    margin: 0;
}


.swiper-pointer-events {
    touch-action: pan-y;
    width: auto;
    margin: 0 !important;
}


.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 20px !important;
}

span.swiper-pagination-bullet {
    background: #eaeaea;
    opacity: 1;
    width: 10px;
    height: 10px;
}