/* Add custom CSS styles below */

/* --- Navbar & Header --- */
.navbar-brand {
  max-width: 100%;
  height: 100%;
  /* تغيير حجم الشعار من السطر التالي */
  width: 100px;
}

.navbar-brand img {
  max-width: 100%;
  height: auto;
}

.bg-inherit {
  /* تغيير لون اعلى المتجر إلى تدرج أخضر */
  /* يمكنك تعديل الألوان #2E4031 (أخضر غامق) و #558B2F (أخضر متوسط) حسب رغبتك */
  background: linear-gradient(0deg, #2E4031, #558B2F) !important;
}

/* --- Add to Cart Button --- */
.s-button-btn {
  /* لون النص - أخضر غامق */
  color: #2E4031;
  /* لون الخلفية - شفاف */
  background-color: transparent;
  /* لون الاطار - أخضر متوسط */
  border-color: #558B2F;
  transition: all 0.3s ease; /* إضافة انتقال ناعم */
}

/* تنسيق زر أضف للسلة عند الاقتراب منه */
.s-button-btn:hover {
  /* لون النص - أبيض للتباين */
  color: #FFFFFF;
  /* لون الخلفية - أخضر متوسط */
  background-color: #558B2F;
  /* لون الاطار - أخضر متوسط */
  border-color: #558B2F;
}

/* --- General Body & Background --- */
body {
  max-width: 2000px;
  margin: auto;
  /* تغيير رابط صورة خلفية المتجر - حافظت على الرابط الأصلي */
  /* يمكنك تغييره إذا أردت خلفية أخرى */
  background: url(https://i.postimg.cc/52sZ6kGh/666666666.png);
  background-size: cover;
  background-repeat: repeat; /* يمكن تغييرها إلى no-repeat إذا كانت الصورة تغطي كامل الصفحة */
  /* يمكنك إضافة لون خلفية احتياطي في حال لم تحمل الصورة */
  /* background-color: #F0F4F0; */ /* لون أخضر فاتح جداً كخلفية احتياطية */
}

/* --- Banners (قائمة عناصر) --- */
/* (توحيد البنرات (قائمة عناصر) - الكود الأصلي بدون تغيير لوني) */
.s-block--banners > div:not(.s-block__title):has(.square-photos) {
  display: flex;
  justify-content: center;
}

a.banner-entry.square-photos {
  flex: 0 0 23%;
  height: auto !important;
  position: relative !important;
  padding: 0 !important;
  aspect-ratio: 2/1.13;
}

a.banner-entry.square-photos .lazy__bg {
  background-size: contain;
  background-repeat: no-repeat;
}

/* --- Product Card --- */
.s-product-card-vertical,
.s-product-card-vertical .s-product-card-image img,
.s-block--features__item {
  transition: .3s;
}

/* تنسيق بطاقة المنتج */
.s-product-card-vertical {
  border: 1px solid;
  /* لون اطار المنتج - أخضر فاتح */
  border-color: #AED581;
  background-color: #FFFFFF; /* خلفية بيضاء للبطاقة لتمييزها عن الخلفية العامة */
}

/* تنسيق بطاقة المنتج عند الاقتراب منها */
.s-product-card-vertical:hover {
  /* لون اطار المنتج عند الاقتراب - يمكن جعله شفافًا أو بنفس لون الظل */
  border-color: transparent;
  /* استخدام ظل بلون أخضر متوسط */
  box-shadow: 0 8px 15px rgba(85, 139, 47, 0.25); /* ظل أخضر ناعم */
}

.s-product-card-vertical:hover .s-product-card-image img {
  transform: scale(1.1); /* تقليل حجم التكبير قليلاً ليبدو أنعم */
}

/* --- Store Features Icons --- */
/* لون الخلفية للبطاقة كاملة - أخضر فاتح جداً */
.s-block--features__item {
  background-color: #DCEDC8;
}

.s-block--features__item:hover {
  transform: translateY(-8px); /* تقليل الحركة العمودية قليلاً */
  box-shadow: 0 6px 12px rgba(46, 64, 49, 0.15); /* إضافة ظل ناعم عند الرفع */
}

/* لون الخلفية للأيقونة - أخضر متوسط */
.s-block--features__item .feature-icon {
  background-color: #558B2F;
}

/* لون الأيقونة - أبيض */
.s-block--features__item .feature-icon i {
  color: #FFFFFF;
}

/* لون العنوان - أخضر غامق */
.s-block--features__item h2 {
  color: #2E4031;
}

/* لون الوصف - أخضر متوسط */
.s-block--features__item p {
  color: #558B2F;
}

/* --- Footer --- */
/* توسيط الفوتر */
.store-footer {
  text-align: center;
}

.store-footer .flex,
.store-footer > div.justify-between {
  justify-content: center;
}

/* لون الخلفية للفوتر - أخضر غامق */
.store-footer__inner {
  background-color: #2E4031 !important;
}

/* لون الخلفية لفوتر حقوق النشر - أخضر فاتح جداً ليتناسق مع المميزات */
.store-footer > div:not(.store-footer__inner) {
  background-color: #DCEDC8;
  color: #2E4031; /* تغيير لون النص هنا ليكون مقروءاً */
}
/* تغيير لون نص حقوق النشر الافتراضي إذا كان موجوداً */
.store-footer > div:not(.store-footer__inner) p,
.store-footer > div:not(.store-footer__inner) a {
   color: #2E4031;
}


/* لون عناوين الفوتر - أبيض */
.store-footer h3 {
  color: #FFFFFF;
}

/* لون روابط الفوتر - أخضر فاتح */
footer a {
  color: #AED581;
  transition: color 0.3s ease;
}

/* لون روابط الفوتر عند الاقتراب - أبيض */
footer a:hover {
  color: #FFFFFF;
}

/* لون وصف الفوتر - أخضر فاتح جداً */
.store-footer__inner > div > div:first-of-type p {
  color: #DCEDC8;
}

/* --- Footer Logo --- */
.store-footer__inner > div > div:first-of-type {
  position: relative;
  padding-top: 4rem;
}

/* لوجو الفوتر: بدل الرابط الموجود بالأسفل ضمن '' برابط اللوجو */
.store-footer__inner > div > div:first-of-type::before {
  content: "";
  position: absolute;
  inset: 0; /* توسيط أفضل */
  top: 1rem; /* تعديل الموضع العمودي */
  margin: auto; /* توسيط أفقي */
  height: 50px; /* ارتفاع اللوجو */
  width: 150px; /* تحديد عرض للوجو للحفاظ على النسبة */
  background: url('') no-repeat center; /* ضع رابط اللوجو هنا */
  background-size: contain;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
  .store-footer .max-w-sm {
    margin-left: auto;
    margin-right: auto
  }
  /* تعديل موضع لوجو الفوتر في الشاشات الأصغر */
  .store-footer__inner > div > div:first-of-type::before {
     left: 0;
     right: 0; /* لضمان التوسيط الأفقي */
     margin-left: auto;
     margin-right: auto;
  }
}