/* ============================================================ Basic Template — Custom & RTL (Right-to-Left) Styles Arabic / Hebrew support: add dir="rtl" to tag ============================================================ */ /* ---- Global Direction ---- */ [dir="rtl"] body { direction: rtl; text-align: right; font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif; } /* ---- Header / Navbar ---- */ [dir="rtl"] .header .main-menu { margin-left: 0; margin-right: 4.375rem; } @media (max-width: 1199px) { [dir="rtl"] .header .main-menu { margin-right: 0; } } [dir="rtl"] .navbar-toggler { margin-left: 0; margin-right: auto; } /* Sub-menu arrow flip */ [dir="rtl"] .header .main-menu li .sub-menu { left: auto; right: 0; } [dir="rtl"] .header .main-menu li .sub-menu li .sub-menu { left: auto; right: 100%; } /* ---- Sidebar Widgets (blog / category sidebar) ---- */ [dir="rtl"] .sidebar-widget { text-align: right; } [dir="rtl"] .sidebar-category__single a { padding-left: 0; padding-right: 0.9375rem; flex-direction: row-reverse; } [dir="rtl"] .sidebar-category__single a::before { left: auto; right: 0; } /* ---- Profile Widget ---- */ [dir="rtl"] .profile-widget__title::after { left: auto; right: 0; } [dir="rtl"] .profile-widget { text-align: right; } /* ---- Action sidebar ---- */ [dir="rtl"] .action-sidebar { left: auto; right: 0; } /* ---- Tables (Responsive data-label) ---- */ [dir="rtl"] [data-label]::before { left: auto; right: 0; text-align: right; } [dir="rtl"] .table-responsive--md tr th, [dir="rtl"] .table-responsive--md tr td, [dir="rtl"] .table-responsive--sm tr th, [dir="rtl"] .table-responsive--sm tr td { text-align: right !important; padding-right: 45% !important; padding-left: 0.75rem !important; } [dir="rtl"] *[class*="table-responsive--"].data-label--none tr td { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } /* ---- Forms ---- */ [dir="rtl"] .form-control, [dir="rtl"] .form-select, [dir="rtl"] textarea { direction: rtl; text-align: right; } [dir="rtl"] .input-group > .form-control:first-child { border-radius: 0 5px 5px 0 !important; } [dir="rtl"] .input-group > .form-control:last-child { border-radius: 5px 0 0 5px !important; } [dir="rtl"] .input-group > .input-group-text:first-child { border-radius: 0 5px 5px 0 !important; } [dir="rtl"] .input-group > .input-group-text:last-child { border-radius: 5px 0 0 5px !important; } /* ---- List items & icons ---- */ [dir="rtl"] .list-item { padding-left: 0; padding-right: 2.1875rem; } [dir="rtl"] .list-item::before { left: auto; right: 0; } /* ---- Breadcrumb ---- */ [dir="rtl"] .breadcrumb { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { transform: scaleX(-1); display: inline-block; } /* ---- Pagination ---- */ [dir="rtl"] .pagination { flex-direction: row-reverse; } /* ---- Alerts ---- */ [dir="rtl"] .alert { text-align: right; } [dir="rtl"] .alert-dismissible { padding-right: 1.25rem; padding-left: 3rem; } [dir="rtl"] .alert-dismissible .btn-close { right: auto; left: 0; } /* ---- Dropdown menus ---- */ [dir="rtl"] .dropdown-menu { text-align: right; left: 0 !important; right: auto !important; } /* ---- User/Auth pages ---- */ [dir="rtl"] .auth-form { text-align: right; } /* ---- Select2 ---- */ [dir="rtl"] .select2-container--default .select2-selection--single { direction: rtl; } [dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { left: 5px; right: auto; } /* ---- Deposit / Withdraw steps ---- */ [dir="rtl"] .deposit-step, [dir="rtl"] .withdraw-step { text-align: right; } /* ---- Support Ticket ---- */ [dir="rtl"] .ticket-single { text-align: right; } /* ---- iziToast (keep LTR) ---- */ [dir="rtl"] .iziToast { direction: ltr; } /* ---- Code / Pre blocks (always LTR) ---- */ [dir="rtl"] code, [dir="rtl"] pre { direction: ltr; text-align: left; }