/******** 0) العربية والاتجاه ********/
html { direction: rtl; }
body {
  font-family: inherit !important;  /* خط سلة الافتراضي */
  line-height: 1.9;
  margin: 0; padding: 0;
  background-color:#1e2e4e !important;
  min-height: 100vh;
  position: relative;
  z-index: 1;
}

/******** 1) الخلفية ********/
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background: url('https://d.top4top.io/p_35634f9pk1.png') center/cover no-repeat;
  opacity: 0.9;
}
body > * { position: relative; z-index: 1; }

/******** 2) صناديق بيضاء ********/
.card, .box, .widget, .section, .panel, .sps-card,
.collection, .product-box, .cart-box {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,.06);
}

/******** 3) القائمة الرئيسية (الهيدر أبيض) ********/
.main-nav-container,
.main-nav-container .inner,
.main-nav-container.fixed-pinned,
.main-nav-container.fixed-pinned .inner {
  background-color: #ffffff !important; /* الشريط أبيض */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* ظل خفيف */
}

/* روابط القائمة الرئيسية */
.main-nav-container a,
.main-nav-container .menu-item > a {
  color: #1e2e4e !important;   /* كحلي */
  font-weight: 600;
  font-family: inherit !important;
}
.main-nav-container a:hover,
.main-nav-container .menu-item > a:hover {
  color: #2c3b63 !important;   /* كحلي أغمق */
}

/* القوائم المنسدلة */
.main-nav-container .dropdown-menu,
.main-nav-container .sub-menu {
  background-color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 12px rgba(0,0,0,.1);
}
.main-nav-container .dropdown-menu a,
.main-nav-container .sub-menu a {
  color: #1e2e4e !important;
  font-weight: 600;
}
.main-nav-container .dropdown-menu a:hover,
.main-nav-container .sub-menu a:hover {
  background: #f2f4f8 !important;
  color: #1e2e4e !important;
}

/******** 4) قائمة الحساب ********/
.account-menu,
.account-menu .dropdown-menu,
.user-menu,
.user-menu .dropdown-menu {
  background-color: #ffffff !important;
}
.account-menu a,
.user-menu a {
  color: #1e2e4e !important;
}
.account-menu a:hover,
.user-menu a:hover {
  background-color: #f2f4f8 !important;
  color: #1e2e4e !important;
}

/* الأفاتار */
.account-menu .avatar,
.user-menu .avatar,
.header-profile .avatar,
.nav-profile .avatar {
  background-color: #ffffff !important;
  border: 2px solid #1e2e4e !important; /* إطار كحلي */
  border-radius: 50% !important;
  color: #1e2e4e !important;
}

/******** 5) الأسعار ********/
.price, .product-price, .product-card__price {
  color:#1e2e4e !important;
  font-weight:800;
  font-size:18px;
  text-align:center;
  margin:8px auto 0;
}
.price del {
  opacity:.7;
  margin-inline-end:6px;
}

/******** 6) اللوقو (الهيدر) ********/
header .navbar-brand img {
  height: 160px !important;
  max-height: 160px !important;
  min-height: 160px !important;
  width: auto !important;
}
@media (max-width: 767px) {
  header .navbar-brand img {
    height: 120px !important;
    max-height: 120px !important;
    min-height: 120px !important;
  }
}

/******** 7) لوقو إضافي في آخر الصفحة ********/
footer::after {
  content: "";
  display: block !important;
  background: url("https://a.top4top.io/p_3557h01m21.png") center/contain no-repeat;
  background-size: 260px auto !important;
  height: 200px !important; 
  margin: 30px auto 0 !important;
  position: relative !important;
  z-index: 10 !important;
}
footer {
  overflow: visible !important; 
  position: relative !important;
  z-index: 10 !important;
}

/******** 8) "تابعونا" فوق أيقونات السوشال ********/
.footer-social::before {
  content: "تابعونا";
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #1e2e4e;
  margin-bottom: 10px;
}