/* =================================
   SHANDIZ PREMIUM LOADER
================================= */

#site-loader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    background: #f4f6f7;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    transition: opacity .7s ease, visibility .7s ease;
}


    /* خروج لودینگ */

    #site-loader.loaded {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }


/* محتوا */

.loader-content {
    text-align: center;
    direction: rtl;
}


/* =================================
   LOGO BOX
================================= */

.loader-logo-box {
    position: relative;
    width: 190px;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 25px;
}


    /* =================================
   نور پشت لوگو
================================= */

    .loader-logo-box::before {
        content: "";
        position: absolute;
        width: 145px;
        height: 145px;
        border-radius: 50%;
        background: rgba(18, 99, 94, .06);
        box-shadow: 0 0 35px rgba(18, 99, 94, .10);
        animation: logoGlow 2s ease-in-out infinite;
    }


/* =================================
   حلقه اصلی
================================= */

.loader-glow-ring {
    position: absolute;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #12635e;
    border-right-color: #d49a32;
    animation: glowRotate 1.2s linear infinite;
    filter: drop-shadow(0 0 4px rgba(18,99,94,.35)) drop-shadow(0 0 5px rgba(212,154,50,.25));
}


    /* =================================
   حلقه داخلی
================================= */

    .loader-glow-ring::after {
        content: "";
        position: absolute;
        inset: 9px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-bottom-color: #d49a32;
        border-left-color: #12635e;
        animation: glowRotateReverse 1.8s linear infinite;
    }


/* =================================
   لوگو
================================= */

.loader-logo-wrapper {
    position: relative;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    box-shadow: 0 5px 25px rgba(0,0,0,.10);
}


.loader-logo {
    width: 110px;
    height: auto;
    display: block;
    animation: logoPulse 2s ease-in-out infinite;
}


/* =================================
   متن
================================= */

.loader-text {
    font-family: Tahoma, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #12635e;
    margin-top: 5px;
}


.loader-subtext {
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    color: #777;
    margin-top: 9px;
}


/* =================================
   Animation
================================= */

@keyframes glowRotate {

    0% {
        transform: rotate(0deg);
    }

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


@keyframes glowRotateReverse {

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

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


@keyframes logoPulse {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.035);
    }
}


@keyframes logoGlow {

    0%, 100% {
        transform: scale(.95);
        opacity: .6;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
    }
}


/* =================================
   Mobile
================================= */

@media (max-width: 600px) {

    .loader-logo-box {
        width: 155px;
        height: 155px;
    }

    .loader-glow-ring {
        width: 145px;
        height: 145px;
    }

    .loader-logo-wrapper {
        width: 120px;
        height: 120px;
    }

    .loader-logo {
        width: 90px;
    }

    .loader-text {
        font-size: 19px;
    }

    .loader-subtext {
        font-size: 11px;
    }
}