/* Add custom CSS styles below */

/* تغيير أيقونة السلة إلى شكل عربة التسوق (cart) */
.s-cart-summary-wrapper .sicon-shopping-bag:before{content:"\e96b" !important;}

/* إخفاء سعر السلة (0 ريال) بجانب أيقونة السلة */
.s-cart-summary-content{display:none !important;}

/* إعادة ترتيب الهيدر: الشعار في النص، الحساب يمين، السلة يسار */
.flex.items-center:has(> .navbar-brand){display:contents !important;}
.flex.items-center.justify-end:has(.s-cart-summary-wrapper){display:contents !important;}
.mburger{order:1 !important; align-self:center !important;}
salla-user-menu{order:2 !important;}
.navbar-brand{position:absolute !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; margin:0 !important;}
salla-cart-summary{order:5 !important; margin-inline-start:auto !important; text-align:left !important;}

/* إخفاء الشريط الأسود العلوي (البحث + الروابط) وخيار السياسة في الهيدر */
.top-navbar{display:none !important;}
custom-main-menu{display:none !important;}

/* تغيير شكل أيقونة الحساب إلى شخص بسيط بدون دائرة */
.s-user-menu-login-btn svg{display:none !important;}
.s-user-menu-login-btn:before{content:"\f078"; font-family:"sallaicons" !important; font-size:23px; line-height:1; color:inherit; display:inline-block;}

/* إخفاء الدائرة الخفيفة حول أيقونتي السلة والحساب */
.s-cart-summary-wrapper .header-btn__icon{border:0 !important;}
.s-user-menu-login-btn{border:0 !important;}