:root {
            --al-topbar-height: 38px;
            --al-adminbar-height: 0px;
            --al-total-top-offset: 38px;
        }

        body.admin-bar {
            --al-adminbar-height: 32px;
            --al-total-top-offset: 70px;
        }

        /*
        |--------------------------------------------------------------------------
        | فاصله‌ساز
        |--------------------------------------------------------------------------
        */

        #al-topbar-spacer {
            display: block;

            width: 100%;
            height: var(--al-topbar-height);
            min-height: var(--al-topbar-height);

            margin: 0 !important;
            padding: 0 !important;

            background: transparent;
            border: 0;

            box-sizing: border-box;
        }

        /*
        |--------------------------------------------------------------------------
        | نوار اعلان
        |--------------------------------------------------------------------------
        */

        #al-topbar {
            position: fixed !important;

            top: var(--al-adminbar-height) !important;
            right: 0 !important;
            left: 0 !important;

            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;

            height: var(--al-topbar-height) !important;
            min-height: var(--al-topbar-height) !important;

            margin: 0 !important;
            padding: 0 15px !important;

            display: flex !important;
            align-items: center !important;
            justify-content: center !important;

            color: #ffffff !important;

            background: linear-gradient(
                90deg,
                #004e88 0%,
                #286d9d 35%,
                #af85b4 72%,
                #dd97bd 100%
            ) !important;

            border: 0 !important;
            border-radius: 0 !important;

            box-shadow:
                0 2px 8px rgba(0, 0, 0, 0.13) !important;

            direction: rtl !important;
            text-align: center !important;

            font-family: inherit !important;

            box-sizing: border-box !important;
            overflow: hidden !important;

            z-index: 999990 !important;
        }

        #al-topbar .al-topbar-inner {
            width: 100%;
            height: 100%;

            margin: 0;
            padding: 0;

            display: flex;
            align-items: center;
            justify-content: center;

            font-family: inherit !important;

            overflow: hidden;
            box-sizing: border-box;
        }

        #al-text {
            display: inline-block;

            max-width: 100%;

            margin: 0;
            padding: 0 12px;

            color: #ffffff !important;

            font-family: inherit !important;
            font-size: 15px;
            font-weight: 700;
            line-height: 24px;

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            border-left: 2px solid rgba(255, 255, 255, 0.85);

            box-sizing: border-box;
        }

        /*
        |--------------------------------------------------------------------------
        | هدر چسبان شناسایی‌شده توسط جاوااسکریپت
        |--------------------------------------------------------------------------
        */

        .al-topbar-header-offset {
            top: var(--al-total-top-offset) !important;
        }

        /*
         * هدر باید پایین‌تر از نوار اعلان باشد.
         */
        .al-topbar-header-offset {
            z-index: 999900 !important;
        }

        /*
        |--------------------------------------------------------------------------
        | نوار مدیریت وردپرس
        |--------------------------------------------------------------------------
        */

        #wpadminbar {
            z-index: 1000002 !important;
        }

        /*
        |--------------------------------------------------------------------------
        | منوهای بازشونده
        |--------------------------------------------------------------------------
        */

        .mobile-nav,
        .wd-side-hidden,
        .wd-close-side,
        .wd-search-full-screen,
        .cart-widget-side,
        .login-form-side,
        .mfp-wrap,
        .mfp-bg,
        .wd-dropdown {
            z-index: 1000001 !important;
        }

        /*
        |--------------------------------------------------------------------------
        | تبلت
        |--------------------------------------------------------------------------
        */

        @media screen and (max-width: 1024px) {

            :root {
                --al-topbar-height: 36px;
                --al-total-top-offset: 36px;
            }

            body.admin-bar {
                --al-total-top-offset: 68px;
            }

            #al-topbar {
                padding-right: 12px !important;
                padding-left: 12px !important;
            }

            #al-text {
                padding-right: 10px;
                padding-left: 10px;

                font-size: 13px;
                line-height: 22px;
            }
        }

        /*
        |--------------------------------------------------------------------------
        | موبایل
        |--------------------------------------------------------------------------
        */

        @media screen and (max-width: 782px) {

            :root {
                --al-topbar-height: 34px;
                --al-adminbar-height: 0px;
                --al-total-top-offset: 34px;
            }

            body.admin-bar {
                --al-adminbar-height: 46px;
                --al-total-top-offset: 80px;
            }

            #al-topbar {
                padding-right: 8px !important;
                padding-left: 8px !important;
            }

            #al-text {
                padding-right: 8px;
                padding-left: 8px;

                font-size: 12px;
                font-weight: 600;
                line-height: 20px;
            }
        }

        /*
        |--------------------------------------------------------------------------
        | موبایل کوچک
        |--------------------------------------------------------------------------
        */

        @media screen and (max-width: 480px) {

            :root {
                --al-topbar-height: 32px;
                --al-total-top-offset: 32px;
            }

            body.admin-bar {
                --al-total-top-offset: 78px;
            }

            #al-topbar {
                padding-right: 6px !important;
                padding-left: 6px !important;
            }

            #al-text {
                padding-right: 7px;
                padding-left: 7px;

                font-size: 11px;
                line-height: 18px;
            }
        }