/* ============================================ */
/* Comprehensive Fix for Content Hidden Under Header */
/* ============================================ */

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

/* Calculate header height and add padding to body */
body {
    padding-top: 0 !important;
}

/* Add scroll margin to main content */
main.container {
    /* تم إزالة تصفير الهوامش للسماح للملفات الأخرى بضبط المسافة الصحيحة */
}

/* Fix container */
/* تم إزالة تصفير الحاوية هنا لمنع التداخل مع الهيدر في كافة الصفحات */

/* تم إزالة تصفير الهوامش العامة للسماح للمحتوى بالنزول أسفل الهيدر */
/* body > * { margin-top: 0 !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;
}

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

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

/* ============================================ */
/* Ensure Content Visibility */
/* ============================================ */

main {
    position: relative !important;
    z-index: 1 !important;
}

.announcements-section {
    position: relative !important;
    z-index: 1 !important;
}

.main-page-carousel {
    position: relative !important;
    z-index: 1 !important;
}

/* ============================================ */
/* Fix for All Sections */
/* ============================================ */

section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

article {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================ */
/* Ensure Header Bottom is Visible */
/* ============================================ */

.header-bottom {
    position: relative !important;
    z-index: 100 !important;
}

.header-top {
    position: relative !important;
    z-index: 100 !important;
}

/* ============================================ */
/* Fix for Scroll Behavior */
/* ============================================ */

html {
    scroll-behavior: smooth !important;
}

/* ============================================ */
/* Ensure No Overflow Issues */
/* ============================================ */

body {
    overflow-x: hidden !important;
}

main {
    overflow-x: hidden !important;
}

/* ============================================ */
/* Fix for All Content Below Header */
/* ============================================ */

.shop-by-category-banner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.shop-by-brand-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.products-grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.section-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================ */
/* Ensure Proper Display of All Elements */
/* ============================================ */

* {
    box-sizing: border-box !important;
}

/* ============================================ */
/* Fix for Sticky Header Compatibility */
/* ============================================ */

.main-header.scrolled {
    box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.1) !important;
}

.main-header.header-hidden {
    transform: translateY(-100%) !important;
}

.main-header.header-visible {
    transform: translateY(0) !important;
}