/* =====================================================
   تحسين الخلفية العامة للموقع
===================================================== */

body,
html,
.app,
.main-content,
.store-container{
  background:#ffffff !important;
}

/* =====================================================
   بطاقات المنتجات
===================================================== */

.product-card,
.product-item,
.product-box{
  background:#ffffff;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  transition:0.3s;
}

.product-card:hover,
.product-item:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

/* =====================================================
   ألوان المتجر
===================================================== */

.btn-primary,
.add-to-cart-btn{
  background:#1B6B3A !important;
  border-color:#1B6B3A !important;
  color:#ffffff !important;
}

.btn-primary:hover{
  background:#145530 !important;
}

.price,
.product-price{
  color:#1B6B3A !important;
  font-weight:700 !important;
}

.badge-sale{
  background:#FF6B35 !important;
  color:#ffffff !important;
}

/* =====================================================
   FOOTER
===================================================== */

:root{
  --footer-icon-color:#00b286;
}

/* تقليل المسافات بين الأعمدة */
footer .footer-items-wrapper{
  display:grid !important;
  grid-template-columns:1.3fr 1fr 1fr 1fr !important;
  column-gap:20px !important;
  row-gap:14px !important;
  align-items:start !important;
}

footer .main-footer-widgets{
  max-width:320px !important;
}

/* عناوين الأعمدة */
footer .footer-title{
  font-size:15px !important;
  font-weight:700 !important;
  color:#2f3b52 !important;
  margin-bottom:12px !important;
  text-align:right !important;
}

/* =====================================================
   روابط مهمة
===================================================== */

#footer-menu-1 .s-menu-footer-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  align-items:flex-start !important;
}

#footer-menu-1 .s-menu-footer-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  direction:rtl !important;
  font-size:15px !important;
  font-weight:500 !important;
  color:#2f3b52 !important;
  width:auto !important;
  max-width:max-content !important;
  text-decoration:none !important;
  line-height:1.9 !important;
}

/* مهم: لا نستخدم before حتى لا تختفي الأيقونات */
#footer-menu-1 .s-menu-footer-item::before{
  content:none !important;
  display:none !important;
}

#footer-menu-1 .s-menu-footer-item svg{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex-shrink:0 !important;
  color:#1b6b3a !important;
  stroke:currentColor !important;
}

/* =====================================================
   تواصل معنا
===================================================== */

#footer-contacts .s-contacts-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  align-items:flex-start !important;
}

#footer-contacts .s-contacts-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  direction:rtl !important;
  width:auto !important;
  max-width:max-content !important;
  line-height:1.9 !important;
  text-decoration:none !important;
  color:#2f3b52 !important;
  font-size:15px !important;
  font-weight:500 !important;
}

#footer-contacts .s-contacts-icon svg{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  flex-shrink:0 !important;
}

/* =====================================================
   العنوان وأوقات العمل
===================================================== */

.footer-location-info{
  text-align:right !important;
  direction:rtl !important;
  font-size:15px !important;
  line-height:1.9 !important;
  color:#2f3b52 !important;
  max-width:420px !important;
}

.footer-location-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.footer-location-row{
  display:inline-flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  direction:rtl !important;
  width:auto !important;
  max-width:max-content !important;
}

.footer-location-row svg{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  color:#1b6b3a !important;
  stroke:currentColor !important;
  flex-shrink:0 !important;
  margin-top:3px !important;
}

.footer-location-info .label{
  font-weight:700 !important;
  margin-bottom:2px !important;
  display:block !important;
}

.footer-location-info .value{
  font-weight:500 !important;
  display:block !important;
  white-space:nowrap !important;
}

/* =====================================================
   الجوال
===================================================== */

@media(max-width:991px){
  footer .footer-items-wrapper{
    grid-template-columns:1fr 1fr !important;
  }

  footer .main-footer-widgets,
  .footer-location-info{
    max-width:100% !important;
  }
}

@media(max-width:600px){
  footer .footer-items-wrapper{
    grid-template-columns:1fr !important;
  }
}

/* =====================================================
   إرجاع عرض الصفحة كامل مثل قبل
===================================================== */

@media (min-width: 1200px){

  .container,
  .store-container,
  .main-content .container,
  .section .container{
    max-width: 94% !important;
    width: 94% !important;
  }

  body.home section:first-of-type,
  body.home section:first-of-type .container,
  body .main-content section:first-of-type,
  body .main-content section:first-of-type .container,
  body .main-content > div:first-of-type,
  body .main-content > div:first-of-type .container{
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body main,
  body .main-content,
  body .store-container,
  body .app{
    width: 100% !important;
  }

  body main > *,
  body .main-content > *,
  body .store-container > *{
    max-width: 96% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* --------------------------------------------------
   تحسين رأس الصفحة
-------------------------------------------------- */

/* جعل الهيدر ثابت */

header,
.top-navbar,
.main-navbar{
position:sticky !important;
top:0 !important;
z-index:999 !important;
}


/* خلفية مودرن للهيدر */

header,
.top-navbar,
.main-navbar{

background:linear-gradient(
180deg,
#ffffff 0%,
#f4f7f5 100%
) !important;

box-shadow:0 4px 12px rgba(0,0,0,0.06) !important;

}


/* إزالة الخط الأخضر الفاتح */

header + *,
.top-navbar + *,
.main-navbar + *{
border-top:none !important;
}

body::before,
body::after{
display:none !important;
}


/* توحيد خلفية الشعار */

.navbar-brand img{
background:transparent !important;
padding:0 !important;
border-radius:0 !important;
}


/* --------------------------------------------------
   إخفاء السلة المكررة في الشريط العلوي
-------------------------------------------------- */

.top-navbar .s-cart-summary,
.top-navbar .cart-summary,
.top-navbar .cart-icon{
display:none !important;
}