/* =============================================================================
   style-save-progress.css — مودال پیشرفت ذخیره‌سازی (سراسری)
   -----------------------------------------------------------------------------
   با ارسال هر فرمی که دکمه ثبت/ذخیره معمولی (غیر AJAX) دارد، این مودال نمایش
   داده می‌شود تا کاربر متوجه در حال انجام بودن عملیات شود و دکمه را دوباره
   کلیک نکند. منطق نمایش/مخفی‌سازی در dalij-common.js است.
   ========================================================================== */

.save-progress-root {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    direction: rtl;
}

.save-progress-root[hidden] { display: none !important; }

.save-progress-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(12, 20, 28, .55);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.save-progress-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    min-width: 200px;
    padding: 30px 34px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
}

.save-progress-spinner {
    width: 46px;
    height: 46px;
    border: 4px solid rgba(0, 0, 0, .08);
    border-top-color: var(--gold, #f8ca1b);
    border-radius: 50%;
    animation: save-progress-spin .8s linear infinite;
}

.save-progress-text {
    margin: 0;
    color: var(--dark, #2d3436);
    font-size: 13.5px;
    font-weight: 700;
    text-align: center;
}

@keyframes save-progress-spin {
    to { transform: rotate(360deg); }
}

/* اگر دکمه‌ای کلاس اختصاصی برای غیرفعال بودن نداشت، حداقل حالت دیداری پیش‌فرض بگیرد */
button:disabled,
input[type="submit"]:disabled {
    opacity: .6;
    cursor: not-allowed;
}