/* توحيد لون النصوص الرمادية إلى الأسود في النظام كله (يُحمّل بعد main.css) */
:root {
    --bs-body-color: #000;
    --bs-body-color-rgb: 0, 0, 0;
    --bs-secondary-rgb: 0, 0, 0;
    --bs-gray: #000;
}

body,
.form-control,
.form-select,
.input-group-text,
.form-text,
.figure-caption,
.blockquote-footer,
.breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item::before,
.dropdown-item,
.list-group-item,
.table {
    color: #000;
}

.text-muted,
.text-secondary,
.text-black-50 {
    color: #000 !important;
}

.table {
    --bs-table-color: #000;
}

/*
 * سهم القوائم المنسدلة في الواجهة العربية.
 * بعض الواجهات تحمل bootstrap.min.css (اتجاه LTR) فيبقى السهم يميناً تحت النص،
 * و select.form-control بلا سهم أصلاً. نضع السهم يساراً و نترك له مساحة.
 */
[dir="rtl"] .form-select,
[dir="rtl"] select.form-control:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left .75rem center !important;
    background-size: 16px 12px;
    padding-left: 2.25rem !important;
    padding-right: .75rem !important;
}

[dir="rtl"] .form-select-sm,
[dir="rtl"] select.form-control-sm:not([multiple]):not([size]) {
    background-position: left .5rem center !important;
    padding-left: 1.85rem !important;
    padding-right: .5rem !important;
}