/* 
 * كود CSS لإخفاء شريط التمرير بشكل كامل من جميع العناصر
 * يطبق على جميع المتصفحات
 */

/* إخفاء شريط التمرير من جميع العناصر */
* {
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;  /* Firefox */
    overflow-y: auto !important;
}

*::-webkit-scrollbar {
    display: none !important;  /* Chrome, Safari and Opera */
    width: 0 !important;
    height: 0 !important;
}

/* تطبيق خاص على html و body */
html, body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

html::-webkit-scrollbar, 
body::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* تطبيق على العناصر الشائعة التي قد تحتوي على شريط تمرير */
div, section, article, aside, nav, main, header, footer, 
.container, .row, .col, .card, .modal, .offcanvas, 
.dropdown-menu, .list-group, .table-responsive,
.overflow-auto, .overflow-scroll, .overflow-y-auto, .overflow-y-scroll {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    overflow-y: auto !important;
}

div::-webkit-scrollbar, 
section::-webkit-scrollbar, 
article::-webkit-scrollbar, 
aside::-webkit-scrollbar, 
nav::-webkit-scrollbar, 
main::-webkit-scrollbar, 
header::-webkit-scrollbar, 
footer::-webkit-scrollbar,
.container::-webkit-scrollbar, 
.row::-webkit-scrollbar, 
.col::-webkit-scrollbar, 
.card::-webkit-scrollbar, 
.modal::-webkit-scrollbar, 
.offcanvas::-webkit-scrollbar, 
.dropdown-menu::-webkit-scrollbar, 
.list-group::-webkit-scrollbar, 
.table-responsive::-webkit-scrollbar,
.overflow-auto::-webkit-scrollbar, 
.overflow-scroll::-webkit-scrollbar, 
.overflow-y-auto::-webkit-scrollbar, 
.overflow-y-scroll::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}