/*
 * كود CSS لإخفاء شريط التمرير (scrollbar) بشكل كامل
 * يعمل على جميع المتصفحات الرئيسية: Chrome, Firefox, Safari, Edge
 */

/* إخفاء شريط التمرير لجميع العناصر في الصفحة */
*::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

* {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* تطبيق على html و body بشكل خاص */
html,
body {
    overflow: auto;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

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

/* تطبيق على جميع العناصر التي قد تحتوي على شريط تمرير */
div,
section,
article,
aside,
nav,
main,
header,
footer,
.container,
.row,
.col,
.card,
.modal,
.offcanvas,
.dropdown-menu,
.list-group,
.table-responsive {
    -ms-overflow-style: none !important;
    scrollbar-width: none !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 {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}