/* ganjeh-kala-gallery-widget.css */

.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell,
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell * {
    box-sizing: border-box;
}

.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell {
    --gk-thumb-size: 60px;
    --gk-thumb-gap: 8px;
}

/* اسکلت */
.elementor-widget-ganjeh-kala-gallery .img-wrapper{position:relative;display:block;}
.elementor-widget-ganjeh-kala-gallery .skel-overlay{
    position:absolute;inset:0;
    background:linear-gradient(90deg,#ececec 25%,#f5f5f5 37%,#ececec 63%);
    background-size:400% 100%;
    animation:gk-shimmer 1.1s infinite;
    z-index:2;
}
@keyframes gk-shimmer{0%{background-position:0 0}100%{background-position:-400% 0}}
.elementor-widget-ganjeh-kala-gallery .img-loaded .skel-overlay{display:none;}

.elementor-widget-ganjeh-kala-gallery .gk-gallery-wrapper{opacity:0;transition:opacity .25s;}
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[data-loaded="true"] .gk-gallery-wrapper{opacity:1;}

.elementor-widget-ganjeh-kala-gallery .skel-thumbs{display:flex;gap:4px;margin-bottom:12px;}
.elementor-widget-ganjeh-kala-gallery .skel-thumb{
    width:var(--gk-thumb-size);
    height:var(--gk-thumb-size);
    border-radius:4px;
    background:linear-gradient(90deg,#ececec 25%,#f5f5f5 37%,#ececec 63%);
    background-size:400% 100%;
    animation:gk-shimmer 1.1s infinite;
}
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[data-loaded="true"] .skel-thumbs{display:none;}

/* Layout (مثل قبل) */
.elementor-widget-ganjeh-kala-gallery .gk-gallery-root { display:flex; gap:12px; }
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--bottom .gk-gallery-root { flex-direction: column; }
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--left .gk-gallery-root { flex-direction: row; }
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--right .gk-gallery-root { flex-direction: row-reverse; }

.elementor-widget-ganjeh-kala-gallery .gk-gallery-container { flex:1; min-width:0; }
.elementor-widget-ganjeh-kala-gallery .gk-gallery-thumbnail{
    width:var(--gk-thumb-size);
    height:var(--gk-thumb-size);
    object-fit:cover;
    display:block;
    -webkit-user-drag:none;
    user-drag:none;
    pointer-events:none;
}

/* ---- Swiper thumbs ---- */
.elementor-widget-ganjeh-kala-gallery .gk-gallery-thumbs{ position:relative; }

.elementor-widget-ganjeh-kala-gallery .gk-thumbs-swiper{
    width:100%;
    overflow:hidden; /* swiper استاندارد */
    cursor:grab;
    user-select:none;
}
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-swiper:active{ cursor:grabbing; }

.elementor-widget-ganjeh-kala-gallery .gk-thumbs-track{ /* swiper-wrapper */
    /* مهم: gap را در JS می‌خوانیم و بعد صفر می‌کنیم تا فاصله دوبل نشود */
    gap: var(--gk-thumb-gap);
}

.elementor-widget-ganjeh-kala-gallery .gk-thumb.swiper-slide{
    width: var(--gk-thumb-size);
    height: var(--gk-thumb-size);
    display:flex;
    align-items:center;
    justify-content:center;
}

/* حالت عمودی */
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--left .gk-thumbs-swiper,
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--right .gk-thumbs-swiper{
    max-height:480px;
}

/* جلوگیری از کلیک هنگام درگ */
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-swiper.is-dragging a{ pointer-events:none; }

/* ---- دکمه‌ها دقیقاً مثل قبل ---- */
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-next,
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-prev{
    position:absolute;
    border:0;
    cursor:pointer;
    border-radius:50%;
    background:rgba(0,0,0,.05);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
    width:32px;
    height:32px;
}
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-next::before,
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-prev::before{
    content:'';
    width:8px;
    height:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    display:block;
}

/* مخفی‌سازی وقتی لازم نیست */
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-next.gk-nav-hidden,
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-prev.gk-nav-hidden{
    display:none !important;
}

/* Disabled */
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-next.is-disabled,
.elementor-widget-ganjeh-kala-gallery .gk-thumbs-prev.is-disabled{
    opacity:.35;
    pointer-events:none;
}

/* افقی */
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--bottom .gk-thumbs-next,
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--bottom .gk-thumbs-prev{
    top:50%;
    transform:translateY(-50%);
}

/* RTL مثل قبل: next چپ، prev راست */
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="rtl"] .gk-thumbs-next{ left:-16px; right:auto; }
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="rtl"] .gk-thumbs-prev{ right:-16px; left:auto; }
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="rtl"] .gk-thumbs-next::before{ transform:rotate(135deg); margin-right:-2px; }
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="rtl"] .gk-thumbs-prev::before{ transform:rotate(-45deg); margin-left:-2px; }

/* LTR (اگر جایی لازم شد) */
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="ltr"] .gk-thumbs-next{ right:-16px; left:auto; }
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="ltr"] .gk-thumbs-prev{ left:-16px; right:auto; }
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="ltr"] .gk-thumbs-next::before{ transform:rotate(-45deg); margin-left:-2px; }
.elementor-widget-ganjeh-kala-gallery .gk-gallery-shell[dir="ltr"] .gk-thumbs-prev::before{ transform:rotate(135deg); margin-right:-2px; }

/* عمودی: بالا/پایین وسط */
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--left .gk-thumbs-next,
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--right .gk-thumbs-next{
    left:50%;
    transform:translateX(-50%);
    bottom:-16px;
}
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--left .gk-thumbs-prev,
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--right .gk-thumbs-prev{
    left:50%;
    transform:translateX(-50%);
    top:-16px;
}
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--left .gk-thumbs-next::before,
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--right .gk-thumbs-next::before{ transform:rotate(45deg); }
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--left .gk-thumbs-prev::before,
.elementor-widget-ganjeh-kala-gallery.gk-gallery-thumbs--right .gk-thumbs-prev::before{ transform:rotate(-135deg); }