/* ===== overlay کل صفحه ===== */
.page-overlay {
    position: fixed;
    inset: 0;
    background: rgb(255, 255, 255, 0.48);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}


/* ===== loader اصلی ===== */
.loader {
    --color-1: #808080;
    --color-2: rgb(255, 215, 0);
    --size: 1px;
    position: relative;
    width: calc(80 * var(--size));
    height: calc(80 * var(--size));
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    border-top: calc(4 * var(--size)) solid rgb(251 153 0 / 88%);
    border-right: calc(4 * var(--size)) solid transparent;
    animation: rotation 1.5s linear infinite;
}


    /* رینگ دوم */
    .loader::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        inset: 0;
        border-radius: 50%;
        border-left: calc(4 * var(--size)) solid rgb(255 155 0 / 59%);
        border-bottom: calc(4 * var(--size)) solid transparent;
        animation: rotation .75s linear infinite reverse;
    }


/* ===== لوگو وسط ===== */
.loader-logo {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 3%;
    height: 5%;
    object-fit: contain;
    animation: pulse 1s ease-in-out infinite;
    z-index: 2;
}

/* ===== انیمیشن چرخش ===== */
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* ===== پالس خیلی ملایم لوگو ===== */
@keyframes logoPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.05); /* کمی بزرگتر می‌شود */
        opacity: 0.8; /* کمی شفاف‌تر می‌شود */
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}