/* =========================================================
   TAMINYAR — PREMIUM GLOBAL SCROLLBAR V2
   ========================================================= */


/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #1aa060 #eaf3ef;
}


/* Chrome / Edge / Safari */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 10px;
}


html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background:
        linear-gradient(
            180deg,
            #edf5f1 0%,
            #e7f1ec 100%
        );

    border-left:
        1px solid
        rgba(16, 69, 51, .04);
}


/* خود Thumb */
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    min-height: 72px;

    border:
        3px solid
        transparent;

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            #37c777 0%,
            #1aa060 48%,
            #137a4c 100%
        );

    background-clip:
        padding-box;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.08);
}


/* Hover */
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            180deg,
            #45d485 0%,
            #20ad68 48%,
            #158654 100%
        );

    background-clip:
        padding-box;
}


/* هنگام Drag */
html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {
    background:
        linear-gradient(
            180deg,
            #16985b,
            #116d45
        );

    background-clip:
        padding-box;
}


/* حذف فلش‌های بالا و پایین */
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
    display: none;

    width: 0;
    height: 0;
}


/* گوشه Scrollbar */
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
    background: #eaf3ef;
}


/* =========================================================
   INTERNAL SCROLL AREAS
   برای منوها یا باکس‌هایی که اسکرول داخلی دارند
   ========================================================= */

* {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(26,160,96,.78)
        rgba(232,243,237,.65);
}


*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


*::-webkit-scrollbar-track {
    background:
        rgba(232,243,237,.6);

    border-radius:
        999px;
}


*::-webkit-scrollbar-thumb {
    border:
        2px solid
        transparent;

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            #35c676,
            #178e57
        );

    background-clip:
        padding-box;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 6px;
    }


    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb {
        border-width: 1px;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto !important;
    }

}