@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakhFaNum-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakhFaNum-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'YekanBakh' !important;
    direction: rtl;
    max-width: 100%;
    overflow-x: hidden;
}

/* افکت درخشش سایبری برای دکمه‌ها */
.glow-effect {
    box-shadow: 0 0 15px rgba(20, 184, 166, 0.4);
    transition: all 0.3s ease;
}
.glow-effect:hover {
    box-shadow: 0 0 25px rgba(20, 184, 166, 0.7);
    transform: translateY(-2px);
}

/* استایل‌های ریسپانسیو سایدبار در موبایل */
@media (max-width: 767px) {
    #sidebar-container {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        right: -17rem !important;
        width: 16rem !important;
        max-width: 82vw !important;
        z-index: 60 !important;
        transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.6) !important;
    }

    #sidebar-container.sidebar-open {
        right: 0 !important;
        transform: translateX(0) !important;
    }

    #mobile-overlay {
        z-index: 50 !important;
        pointer-events: none;
    }

    #mobile-overlay.overlay-visible {
        opacity: 1 !important;
        display: block !important;
        pointer-events: auto !important;
    }
}

/* اسکرول روان لمسی برای جدول‌ها در موبایل */
.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
}

/* کلاس‌های کمکی برای سازگاری فاصله‌ها */
.p-4\.5 {
    padding: 1.125rem !important;
}
.py-4\.5 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
}
.px-4\.5 {
    padding-left: 1.125rem !important;
    padding-right: 1.125rem !important;
}