/* assets/css/ft-skeleton.css */
@keyframes ftShimmer {
    0% { background-position: -468px 0; }
    100% { background-position: 468px 0; }
}

@keyframes ftPulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

.ft-skeleton-wrapper {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

.ft-skeleton-placeholder {
    width: 100%;
    box-sizing: border-box;
}

/* اعمال انحنای مرزها و رنگ‌های شخصی سازی شده */
.ft-sk-shimmer .ft-sk-img,
.ft-sk-shimmer .ft-sk-line,
.ft-sk-shimmer .ft-sk-circle,
.ft-sk-shimmer .ft-sk-auto-box {
    background: var(--ft-sk-bg, #f6f7f8);
    background-image: linear-gradient(to right, var(--ft-sk-bg, #f6f7f8) 0%, var(--ft-sk-shimmer, #edeef1) 20%, var(--ft-sk-bg, #f6f7f8) 40%, var(--ft-sk-bg, #f6f7f8) 100%);
    background-repeat: no-repeat;
    background-size: 800px 104px;
    animation: ftShimmer 1.5s linear infinite;
    border-radius: var(--ft-sk-radius, 8px);
}

.ft-sk-pulse .ft-sk-img,
.ft-sk-pulse .ft-sk-line,
.ft-sk-pulse .ft-sk-circle,
.ft-sk-pulse .ft-sk-auto-box {
    background: var(--ft-sk-bg, #eaeaea);
    animation: ftPulse 1.5s ease-in-out infinite;
    border-radius: var(--ft-sk-radius, 8px);
}

.ft-sk-img {
    width: 100%;
    height: 200px;
}

.ft-sk-line {
    height: 12px;
    margin-bottom: 10px;
}

.ft-sk-title {
    width: 50%;
    height: 16px;
}

.ft-sk-text1 { width: 92%; }
.ft-sk-text2 { width: 78%; }
.ft-sk-text3 { width: 60%; }

.ft-sk-circle {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    flex-shrink: 0;
}

.ft-skeleton-card {
    padding: 15px;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: var(--ft-sk-radius, 8px);
    background: #fff;
}

.ft-skeleton-list .ft-sk-list-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ft-skeleton-list .ft-sk-list-item .ft-sk-line {
    margin-bottom: 0;
}

/* ============================================================
   🔹 استایل‌های اختصاصی حالت اتوماتیک (Auto Mode)
   ============================================================ */
.ft-skeleton-wrapper.ft-sk-auto-mode {
    display: block !important;
    width: 100%;
}

/* محتوا مخفی می‌شود اما فضا را اشغال می‌کند تا کانتینر اندازه واقعی بگیرد */
.ft-skeleton-wrapper.ft-sk-auto-mode .ft-skeleton-content {
    visibility: hidden !important;
    display: block !important;
}

.ft-skeleton-wrapper.ft-sk-auto-mode .ft-skeleton-placeholder {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.ft-skeleton-wrapper.ft-sk-auto-mode .ft-sk-auto-box {
    width: 100%;
    height: 100%;
}
.ft-skeleton-wrapper.ft-sk-auto-mode.ft-sk-shimmer .ft-sk-auto-box {
    background-size: 200% 100%;   /* دو برابر عرض المان، ارتفاع کامل */
    animation-name: ftShimmerAuto; /* انیمیشن اختصاصی */
}

.ft-skeleton-wrapper.ft-sk-auto-mode.ft-sk-pulse .ft-sk-auto-box {
    background-size: 100% 100%;    /* پالس به سایز کل باکس نیاز دارد */
    /* انیمیشن پالس قبلی حفظ می‌شود */
}
/* هماهنگی با حالت تاریک (Dark Mode) المنتور */
.elementor-kit-dark .ft-sk-shimmer .ft-sk-img,
.elementor-kit-dark .ft-sk-shimmer .ft-sk-line,
.elementor-kit-dark .ft-sk-shimmer .ft-sk-circle,
.elementor-kit-dark .ft-sk-shimmer .ft-sk-auto-box {
    background: var(--ft-sk-bg, #2a2a2a);
    background-image: linear-gradient(to right, var(--ft-sk-bg, #2a2a2a) 0%, var(--ft-sk-shimmer, #3a3a3a) 20%, var(--ft-sk-bg, #2a2a2a) 40%, var(--ft-sk-bg, #2a2a2a) 100%);
}

.elementor-kit-dark .ft-sk-pulse .ft-sk-img,
.elementor-kit-dark .ft-sk-pulse .ft-sk-line,
.elementor-kit-dark .ft-sk-pulse .ft-sk-circle,
.elementor-kit-dark .ft-sk-pulse .ft-sk-auto-box {
    background: var(--ft-sk-bg, #333333);
}

.elementor-kit-dark .ft-skeleton-card {
    border-color: rgba(255,255,255,0.06);
    background: #1e1e1e;
}





/* انیمیشن جدید برای شیمر اتوماتیک: حرکت از راست به چپ کل عرض */
@keyframes ftShimmerAuto {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}