/* Add custom CSS styles below */ 

/* جعل الهيدر شفافًا فوق أول بنر في الصفحة الرئيسية */
body.home .store-header,
body.home header,
body.index .store-header,
body.index header {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* جعل الهيدر ملاصقًا تمامًا لأعلى الصفحة بدون تغيير الخلفية */
.store-header,
header,
.salla-theme-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}

/* إزالة أي مسافة من العناصر التي تسبق الهيدر */
body > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إلغاء المسافة الناتجة عن شريط الإشعارات إن وجد */
.announcement-bar,
.top-navbar,
.s-header-topbar {
    margin: 0 !important;
    padding: 0 !important;
}

/* إزالة أي مسافة أعلى المحتوى */
.main-content,
#main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* جعل الهيدر شفافًا فوق أول بنر في الصفحة الرئيسية */
body.home .store-header,
body.home header,
body.index .store-header,
body.index header {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* إزالة الخلفيات الداخلية للهيدر */
body.home .store-header *,
body.home header *,
body.index .store-header *,
body.index header * {
    background-color: transparent !important;
}

/* إلغاء أي مسافة أعلى المحتوى */
body.home .main-content,
body.home #main-content,
body.index .main-content,
body.index #main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* جعل أول بنر يبدأ من أعلى الصفحة */
body.home .main-content > *:first-child,
body.home #main-content > *:first-child,
body.index .main-content > *:first-child,
body.index #main-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إخفاء الشريط العلوي إذا كان موجودًا */
body.home .top-navbar,
body.home .announcement-bar,
body.index .top-navbar,
body.index .announcement-bar {
    display: none !important;
}
/* إزالة أي هامش أو مسافة أعلى الصفحة */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* رفع الهيدر بالكامل لأعلى حافة الصفحة */
.store-header,
header,
.salla-theme-header,
.s-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}

/* إزالة المسافة العلوية من الحاوية الداخلية للهيدر */
.store-header .container,
header .container,
.salla-theme-header .container,
.s-header .container,
.s-header__wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* رفع الأيقونات والشعار إلى أعلى الهيدر */
.s-header__row,
.s-header__wrapper,
.s-header .navbar-brand,
.s-header .header-actions {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: flex-start !important;
}

/* تقليل ارتفاع الهيدر لأقل قيمة ممكنة */
.s-header,
.s-header__wrapper {
    min-height: auto !important;
    height: auto !important;
}

/* إزالة أي شريط علوي يسبب فراغًا */
.s-header-topbar,
.announcement-bar,
.top-navbar {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}
/* جعل أول بنر يبدأ من أعلى الصفحة */
body.home .main-content > *:first-child,
body.home #main-content > *:first-child,
body.index .main-content > *:first-child,
body.index #main-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إخفاء الشريط العلوي إذا كان موجودًا */
body.home .top-navbar,
body.home .announcement-bar,
body.index .top-navbar,
body.index .announcement-bar {
    display: none !important;
}
/* إزالة أي هامش أو مسافة أعلى الصفحة */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* رفع الهيدر بالكامل لأعلى حافة الصفحة */
.store-header,
header,
.salla-theme-header,
.s-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
}

/* إزالة المسافة العلوية من الحاوية الداخلية للهيدر */
.store-header .container,
header .container,
.salla-theme-header .container,
.s-header .container,
.s-header__wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* رفع الأيقونات والشعار إلى أعلى الهيدر */
.s-header__row,
.s-header__wrapper,
.s-header .navbar-brand,
.s-header .header-actions {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: flex-start !important;
}

/* تقليل ارتفاع الهيدر لأقل قيمة ممكنة */
.s-header,
.s-header__wrapper {
    min-height: auto !important;
    height: auto !important;
}

/* إزالة أي شريط علوي يسبب فراغًا */
.s-header-topbar,
.announcement-bar,
.top-navbar {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}