/* إزالة جميع المسافات الافتراضية */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    overflow-x: hidden;
}
.navbar-toggler {
    display: none !important;
}

/* إزالة المسافات من Bootstrap */
.d-flex {
    margin-top: 0 !important;
}
/*.sidebar {
    background: linear-gradient(rgba(46, 125, 50, 0.9), rgba(27, 94, 32, 0.4)), url('../img/20.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    min-height: 100vh;
    box-shadow: inset -1px 0 5px rgba(0, 0, 0, 0.3);
    position: sticky;
    top: 0;
    transition: none;
    transform: translateZ(0);  تسريع الأداء 
    -webkit-transform: translateZ(0);  لمتصفحات Safari 
}*/

    .sidebar .nav-link {
        transition: background 0.3s ease, transform 0.2s ease;
        border-radius: 8px;
        font-weight: 600;
    }

        .sidebar .nav-link:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: translateX(-5px);
        }

.btn-light:hover {
    background-color: #c8e6c9;
}
.header-container {
    margin: 0 !important;
}
/* تحسين الفوكس للعناصر */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* جعل عناصر الصفحة تتجاوب */
.container, .row, .col {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Responsive Utility */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }

    .show-on-mobile {
        display: block !important;
    }
}