html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Vazirmatn', 'Cairo', sans-serif;
            background-color: #111827;
        }
        
        /* RTL/LTR Support */
        body.rtl {
            direction: rtl;
            font-family: 'Vazirmatn', sans-serif;
        }
        
        body.ltr {
            direction: ltr;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        
        body[dir="rtl"] {
            direction: rtl;
            font-family: 'Vazirmatn', 'Cairo', sans-serif;
        }
        
        body[dir="ltr"] {
            direction: ltr;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        
        /* Arabic font for Arabic language */
        html[lang="ar"] body {
            font-family: 'Cairo', 'Vazirmatn', sans-serif;
        }

        /* استایل‌های جدید برای دکمه‌های اسلایدر Splide.js */
        .splide__arrow {
            background: rgba(17, 24, 39, 0.5);
            border-radius: 50%;
            width: 44px;
            height: 44px;
            opacity: 1;
            transform: translateY(-50%);
        }

        .splide__arrow:hover {
            background: rgba(31, 41, 55, 0.7);
        }

        .splide__arrow svg {
            fill: #f59e0b;
            width: 20px;
            height: 20px;
        }

        .splide__arrow--prev {
            left: -1rem;
        }

        .splide__arrow--next {
            right: -1rem;
        }

        .splide__pagination {
            bottom: -2rem;
        }

        .splide__pagination__page.is-active {
            background: #f59e0b;
        }
        
        /* Mobile menu submenu padding for RTL/LTR */
        #mobile-submenu {
            padding-right: 1rem;
        }
        
        body.ltr #mobile-submenu,
        body[dir="ltr"] #mobile-submenu {
            padding-right: 0;
            padding-left: 1rem;
        }
        
        /* Fix spacing in navigation for LTR - override Tailwind space-x-reverse */
        body.ltr ul.hidden.md\:flex.items-center.space-x-8,
        body[dir="ltr"] ul.hidden.md\:flex.items-center.space-x-8 {
            gap: 2rem !important;
        }
        
        body.ltr ul.hidden.md\:flex.items-center.space-x-8 li,
        body[dir="ltr"] ul.hidden.md\:flex.items-center.space-x-8 li {
            margin: 0 !important;
        }