/*

Custom style

You can override the default class or style here

This file will not be overwritten by the updater

*/
/* ==========================================
   حلول مشاكل التنسيق العربي (RTL) لقالب Arcade-Two
   ========================================== */

/* 1. إصلاح شريط الأقسام في الصفحة الرئيسية */
[dir="rtl"] .category-list-global .icon-category {
    float: right;        /* جعل الأيقونة تطفو لليمين بدلاً من اليسار */
    margin-right: 0;
    margin-left: 8px;    /* إضافة مسافة فاصلة بين الأيقونة والنص من اليسار */
}

/* 2. إصلاح تباعد الأقسام والتداخل في صفحة اللعبة */
[dir="rtl"] ul.category-list-game .cat-item {
    margin-right: 0;
    margin-left: 20px;   /* استعادة المسافة الفاصلة بين عناصر الأقسام المتجاورة */
}

[dir="rtl"] .icon-category {
    margin-right: 0;
    margin-left: 8px;    /* إصلاح تداخل النص مع الأيقونة داخل الأقسام */
}

/* 3. منع تشوه صور الألعاب الجانبية (ويدجت القائمة الرأسية) */
.wgt-list-game-vertical .wgt-list-thumbnail {
    width: 80px;         /* تحديد عرض ثابت لحاوية الصورة لمنع انهيارها */
    flex-shrink: 0;      /* منع الحاوية من الانضغاط عند طول النصوص */
}
/* 4. جعل صورة اللعبة على يمين الاسم في اللغة العربية للألعاب الأكثر شعبية والمشابهة */
[dir="rtl"] .grid-2 .list-thumbnail {
    float: right;         /* جعل الصورة تطفو لليمين بدلاً من اليسار */
    margin-right: 0;
    margin-left: 15px;    /* إزاحة الفاصل بين الصورة والنص ليصبح على اليسار */
}

[dir="rtl"] .grid-2 .list-info {
    text-align: right;    /* محاذاة اسم اللعبة، التصنيف، والنجوم لليمين */
}

/* 1. تعميم خط القاهرة على جسم الصفحة بالكامل للغة العربية */
[dir="rtl"], 
[dir="rtl"] body {
    font-family: 'Cairo', 'Poppins', sans-serif !important;
}

/* 2. تطبيق الخط على جميع العناصر بشرط استثناء الأيقونات (لتجنب اختفائها) */
[dir="rtl"] *:not(i):not(.fa):not(.fab):not(.fas):not(.far):not(.bi):not([class^="bi-"]) {
    font-family: 'Cairo', 'Poppins', sans-serif !important;
}
/* إخفاء القائمة على الهواتف */
@media (max-width: 767px) {
    .category-list-global {
        display: none !important;
    }
}


