/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 05 2025 | 12:53:32 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

        @media (max-width: 768px) {

    /* درخشش الماس سه‌بعدی برای هدر */

    .whb-color-dark:not(.whb-with-bg) {

        box-shadow: 

            0 0 30px rgba(255, 255, 255, 0.6),

            0 0 60px rgba(212, 175, 55, 0.3),

            inset 0 0 30px rgba(255, 255, 255, 0.4) !important;

        animation: diamondGlow 3s infinite alternate;

    }

    

    @keyframes diamondGlow {

        0% { 

            box-shadow: 

                0 0 20px rgba(255, 255, 255, 0.6),

                0 0 40px rgba(212, 175, 55, 0.3),

                inset 0 0 20px rgba(255, 255, 255, 0.4) !important;

        }

        100% { 

            box-shadow: 

                0 0 40px rgba(255, 255, 255, 0.8),

                0 0 80px rgba(212, 175, 55, 0.5),

                inset 0 0 40px rgba(255, 255, 255, 0.6) !important;

        }

    }

    

    /* درخشش الماس برای متن‌های منو */

    .whb-color-dark:not(.whb-with-bg) .menu-item > a {

        position: relative;

        background: linear-gradient(

            90deg,

            transparent 0%,

            rgba(255, 255, 255, 0.1) 25%,

            rgba(255, 255, 255, 0.2) 50%,

            rgba(255, 255, 255, 0.1) 75%,

            transparent 100%

        ) !important;

        background-size: 200% 100% !important;

        animation: textShine 4s infinite linear !important;

        -webkit-background-clip: text !important;

        background-clip: text !important;

        color: transparent !important;

        text-shadow: none !important;

    }

    

    @keyframes textShine {

        0% { background-position: -200% center; }

        100% { background-position: 200% center; }

    }

    

    /* افکت الماس برای آیتم‌های فعال */

    .whb-color-dark:not(.whb-with-bg) .menu-item.current-menu-item > a,

    .whb-color-dark:not(.whb-with-bg) .menu-item.current_page_item > a {

        background: linear-gradient(

            45deg,

            rgba(255, 255, 255, 0.8) 0%,

            rgba(212, 175, 55, 0.6) 50%,

            rgba(255, 255, 255, 0.8) 100%

        ) !important;

        -webkit-background-clip: text !important;

        background-clip: text !important;

        color: transparent !important;

        animation: activeDiamondShine 2s infinite alternate !important;

    }

    

    @keyframes activeDiamondShine {

        0% { filter: brightness(1); }

        100% { filter: brightness(1.5); }

    }

}