/* Override قوی برای استایل‌های تم */

/* حذف تمام استایل‌های احتمالی از تم */
.restaurant-menu-categories,
.restaurant-menu-categories * {
    box-sizing: border-box !important;
}

/* اجبار به نمایش افقی */
.restaurant-menu-categories {
    display: -webkit-box !important;
    display: -webkit-flex !important; 
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    
    overflow: visible !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    
    /* حذف grid یا table display */
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    table-layout: auto !important;
    
    /* تنظیمات عرض */
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    
    /* حذف float */
    float: none !important;
    clear: none !important;
    
    /* تنظیمات ارتفاع */
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    
    /* حذف position absolute/fixed */
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    
    /* padding و margin کنترل شده */
    padding: 10px 0 !important;
    margin: 0 0 20px 0 !important;
    
    /* حذف background و border تم */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* کنترل کامل دکمه‌ها */
.restaurant-menu-categories .menu-category-btn {
    /* Reset کامل */
    all: unset !important;
    
    /* تنظیمات اساسی مجدد */
    display: inline-block !important;
    cursor: pointer !important;
    
    /* متن */
    color: #666 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    font-family: inherit !important;
    text-decoration: none !important;
    text-align: center !important;
    line-height: normal !important;
    white-space: nowrap !important;
    
    /* ابعاد */
    padding: 5px 12px !important;
    margin: 0 8px 0 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 50px !important;
    max-width: none !important;
    
    /* فلکس */
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    
    /* موقعیت */
    position: static !important;
    float: none !important;
    
    /* ظاهر */
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    
    /* انتقال */
    transition: color 0.2s ease !important;
    
    /* حذف transform */
    transform: none !important;
    
    /* z-index */
    z-index: auto !important;
}

/* استایل hover */
.restaurant-menu-categories .menu-category-btn:hover {
    color: #333 !important;
    background: rgba(0,0,0,0.05) !important;
    background-color: rgba(0,0,0,0.05) !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
}

/* استایل active */
.restaurant-menu-categories .menu-category-btn.active {
    color: #007cba !important;
    font-weight: bold !important;
    background: rgba(0,124,186,0.1) !important;
    background-color: rgba(0,124,186,0.1) !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* اطمینان از scroll */
@media screen {
    .restaurant-menu-categories {
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
    }
}

/* موبایل */
@media (max-width: 768px) {
    .restaurant-menu-categories {
        padding: 8px 0 !important;
        margin-bottom: 15px !important;
    }
    
    .restaurant-menu-categories .menu-category-btn {
        font-size: 14px !important;
        padding: 4px 10px !important;
        margin-right: 6px !important;
        min-width: 40px !important;
    }
}

/* اجبار اسکرول با محتوای fake */
.restaurant-menu-categories::after {
    content: '' !important;
    width: 1px !important;
    height: 1px !important;
    flex-shrink: 0 !important;
    display: block !important;
}