/* -------------------------------------------------------------
   لایهٔ تمام‑صفحه – پس‌زمینه شیشه‌ای مشکی با Blur
   ------------------------------------------------------------- */
#site-loader{
    position:fixed;
    inset:0;                         /* top‑right‑bottom‑left = 0 */
    background:rgba(0,0,0,0.55);    /* مشکی نیمه‌شفاف */
    backdrop-filter:blur(8px);      /* اثر شیشه‌ای (blur) */
    -webkit-backdrop-filter:blur(8px);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999;
    transition:opacity .4s ease;
}

/* -------------------------------------------------------------
   انیمیشن اصلی – دو دایرهٔ همزمان
   ------------------------------------------------------------- */
.loader-spinner{
    position:relative;
    width:80px;                     /* اندازه کلی */
    height:80px;
}

/* حلقهٔ بیرونی – چرخش آرام (نئونی) */
.loader-spinner::before{
    content:"";
    position:absolute;
    inset:0;
    border:4px solid transparent;
    border-top-color:#F28310;       /* رنگ اصلی */
    border-radius:50%;
    animation:spin 2s linear infinite;
}

/* حلقهٔ داخلی – پالس نورانی (نقاب نئونی) */
.loader-spinner::after{
    content:"";
    position:absolute;
    inset:12px;                     /* فاصله از لبهٔ بیرونی */
    border:4px solid transparent;
    border-top-color:#F28310;
    border-radius:50%;
    animation:spin-reverse 1.6s linear infinite,
               pulse 2.4s ease‑in-out infinite;
}

/* -------------------------------------------------------------
   کلید‑فریم‌ها
   ------------------------------------------------------------- */
@keyframes spin{
    to{transform:rotate(360deg);}
}
@keyframes spin-reverse{
    to{transform:rotate(-360deg);}
}
@keyframes pulse{
    0%,100%{box-shadow:0 0 6px #F28310, 0 0 12px #F28310;}
    50%    {box-shadow:0 0 12px #F28310, 0 0 24px #F28310;}
}

/* -------------------------------------------------------------
   حالت مخفی – پس از لود
   ------------------------------------------------------------- */
#site-loader.hide{
    opacity:0;
    pointer-events:none;
}