/* ==================== */
/*  GLOBAL FULL-PAGE LOADER  */
/* ==================== */
#loader {
    display:           none;               /* وضعیت پیش‌فرض: مخفی */
    position:          fixed;
    top:               0;
    left:              0;
    width:             100%;
    height:            100%;
    background:        rgba(255, 255, 255, 0.8);
    z-index:           9999;

    /* مرکزچین کردن spinner */
    display:           flex;
    justify-content:   center;
    align-items:       center;
    pointer-events:    none;               /* اجازهٔ عبور کلیک */
}

#loader > div {
    border:            5px solid #f3f3f3;
    border-top:        5px solid var(--e-global-color-92e2cf4);
    border-radius:     50%;
    width:             50px;
    height:            50px;
    animation:         spin 1s linear infinite;
}

/* =============================== */
/*  CONTAINER-LOCAL CLONED LOADER  */
/* =============================== */
.clone-loader {
    display:           flex;
    position:          absolute;
    top:               0;
    left:              0;
    width:             100%;
    height:            100%;
    background:        rgba(255, 255, 255, 0.8);
    z-index:           9999;

    justify-content:   center;
    align-items:       center;
    pointer-events:    auto;               /* جلوگیری از کلیک زیرین */
}

.clone-loader > div {
    border:            5px solid #f3f3f3;
    border-top:        5px solid var(--e-global-color-92e2cf4);
    border-radius:     50%;
    width:             50px;
    height:            50px;
    animation:         spin 1s linear infinite;
}

/* ============== */
/*  KEYFRAMES     */
/* ============== */
@keyframes spin {
    0%   { transform: rotate(0deg);   }
    100% { transform: rotate(360deg); }
}