/* =============================================================
   RTL + دعم العربية لقالب poki-like
   ملف مستقل — لإلغاء التعريب البصري احذف رابط هذا الملف من
   templates/poki-like/content/global/header/stylesheets.php
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Cairo:wght@400;600;700;800&display=swap');

/* ---------- الاتجاه العام والخط ---------- */
html[dir="rtl"] body,
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .sidebar-item-title,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] a,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] li {
    font-family: 'Tajawal', 'Cairo', 'Segoe UI', Tahoma, sans-serif;
    letter-spacing: 0 !important;
}

/* أرقام وعناوين اللاتينية تبقى مقروءة */
html[dir="rtl"] .latin,
html[dir="rtl"] code,
html[dir="rtl"] [dir="ltr"] {
    direction: ltr;
    unicode-bidi: embed;
}

/* ---------- الشريط الجانبي (يمين بدل يسار) ---------- */
html[dir="rtl"] .sidebar {
    left: auto;
    right: 0;
}

html[dir="rtl"] .sidebar + .wrapper {
    margin-left: 0;
    margin-right: 40px;
}

html[dir="rtl"] .gamemonetize-container[style*="margin-left"] {
    margin-left: 0 !important;
    margin-right: 3em;
}

html[dir="rtl"] .sidebar-item {
    border-left-width: 0 !important;
    border-left-style: none !important;
    border-right-width: 6px !important;
    border-right-style: solid !important;
    border-right-color: transparent !important;
}

html[dir="rtl"] .sidebar-item:not(.no-hover):hover {
    border-left-color: transparent !important;
    border-right-color: #E92224 !important;
}

html[dir="rtl"] .sidebar-item.logo-title:hover {
    border-left-color: transparent !important;
    border-right-color: #E92224 !important;
}

html[dir="rtl"] .sidebar-item:not(.no-hover):hover .sidebar-item-title {
    margin-left: 0;
    margin-right: 5px;
}

html[dir="rtl"] .sidebar .separator {
    margin-right: 0;
    margin-left: 5px;
}

/* ---------- قلب الهوامش/الحشو الشائعة في Bootstrap ---------- */
html[dir="rtl"] .float-left,  html[dir="rtl"] .pull-left  { float: right !important; }
html[dir="rtl"] .float-right, html[dir="rtl"] .pull-right { float: left  !important; }
html[dir="rtl"] .text-left   { text-align: right !important; }
html[dir="rtl"] .text-right  { text-align: left  !important; }
html[dir="rtl"] .ml-auto, html[dir="rtl"] .me-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-auto, html[dir="rtl"] .ms-auto { margin-right: 0 !important; margin-left: auto !important; }

/* ---------- مكونات الواجهة ---------- */
html[dir="rtl"] .dropdown-menu { text-align: right; left: auto; right: 0; }
html[dir="rtl"] .modal-header .close { margin: -1rem auto -1rem -1rem; }

/* شريط البحث وحقول الإدخال */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="search"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] textarea {
    text-align: right;
    direction: rtl;
}

/* بطاقات الألعاب وعناوينها */
html[dir="rtl"] .game-item .title,
html[dir="rtl"] .game-title,
html[dir="rtl"] .splide-header-title,
html[dir="rtl"] .category-section-top,
html[dir="rtl"] .footer-description {
    text-align: right;
}

/* التذييل */
html[dir="rtl"] footer,
html[dir="rtl"] .footer,
html[dir="rtl"] .footer-content { text-align: right; }

/* تمرير سلايدر splide يبقى منطقياً مع RTL */
html[dir="rtl"] .splide { direction: ltr; }
html[dir="rtl"] .splide__slide { direction: rtl; }