/* ============================================ */
/* Header and Body Spacing Fixes */
/* ============================================ */

/* Remove all default margins and padding that cause extra space */
html,
body {
    margin: 0 !important;
}

/* Fix main content area */
main.container {
    /* margin-top: 0 !important; */ /* تم إزالة هذا المحدد */
    margin-bottom: 50px !important;
    padding-top: 0 !important;
}

/* Fix container padding */
/* تم نقل قواعد .container إلى comprehensive-mobile-design.css */

/* ============================================ */
/* Mobile Specific Fixes */
/* ============================================ */

/* ============================================ */
/* Fix for Preloader */
/* ============================================ */

#preloader {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999 !important;
}

/* ============================================ */
/* Ensure Proper Stacking Context */
/* ============================================ */

.main-header {
    z-index: 1000 !important;
}

.category-sidebar {
    z-index: 2000 !important;
}

#overlay {
    z-index: 1999 !important;
}

.modal-overlay {
    z-index: 1500 !important;
}

#preloader {
    z-index: 9999 !important;
}