/* Add custom CSS styles below */

/* ألوان هوية خطوة */
:root {
  --khatwa-blue: #0066FF;
  --khatwa-black: #111111;
  --khatwa-white: #FFFFFF;
  --khatwa-soft-gray: #F2F4F7;
  --khatwa-light-gray: #F7F8FA;
  --khatwa-border: #E5E7EB;
  --khatwa-lime: #CCFF00;
}

/* البنر العريض */
section.s-block.s-block--fixed-banner .container {
  max-width: 100% !important;
  padding: 0 !important;
}

.banner--fixed img {
  border-radius: 0 !important;
  background-color: transparent !important;
}

/* أزرار إضافة المنتج */
.s-product-card-content-footer salla-add-product-button .s-button-outline,
.s-button-primary {
  border-color: var(--khatwa-black) !important;
  background-color: var(--khatwa-black) !important;
  color: var(--khatwa-white) !important;
}

/* عند المرور على الأزرار */
.s-product-card-content-footer salla-add-product-button .s-button-outline:hover,
.s-button-primary:hover {
  border-color: var(--khatwa-blue) !important;
  background-color: var(--khatwa-blue) !important;
  color: var(--khatwa-white) !important;
}

/* لون الروابط والعناصر النشطة */
a,
.s-menu-item:hover,
.s-menu-item-active,
.s-slider-block__title,
.s-products-list-title,
.s-block__title {
  color: var(--khatwa-black) !important;
}

/* خط التفعيل تحت التصنيفات أو القائمة */
.s-menu-item-active,
.s-tabs-header-item.active,
.s-button-tab.active {
  border-color: var(--khatwa-blue) !important;
  color: var(--khatwa-blue) !important;
}

/* أيقونات السلة والبحث والحساب */
.sicon-shopping-bag,
.sicon-cart,
.sicon-search,
.sicon-user,
.sicon-heart {
  color: var(--khatwa-black) !important;
}

/* لون رقم السلة */
.s-cart-summary-count,
.s-cart-count,
.s-badge {
  background-color: var(--khatwa-blue) !important;
  color: var(--khatwa-white) !important;
}

/*** FLEX للبنرات ***/
section.s-block.s-block--banners.container div.grid {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
}

section.s-block.s-block--banners.container div.grid div.banner-entry {
  width: 31%;
  background-color: transparent !important;
  height: 200px !important;
  border-radius: 16px !important;
  border: 1px solid var(--khatwa-border) !important;
}

/* الجوال */
@media(max-width: 767px) {
  section.s-block.s-block--banners.container div.grid div.banner-entry {
    width: 48%;
    height: 100px !important;
  }
}

.banner-entry > div {
  background-size: contain !important;
  background-repeat: no-repeat;
}

/* كروت المنتجات */
.s-product-card-entry {
  border: 1px solid var(--khatwa-border) !important;
  border-radius: 16px !important;
  background-color: var(--khatwa-white) !important;
}

.s-product-card-entry:hover {
  border-color: var(--khatwa-blue) !important;
  box-shadow: 0 10px 28px rgba(0, 102, 255, 0.12) !important;
}

/* اسم المنتج */
.s-product-card-content-title a {
  color: var(--khatwa-black) !important;
}

/* السعر */
.s-product-card-price {
  color: var(--khatwa-black) !important;
  font-weight: 700 !important;
}

/* السعر بعد الخصم أو السعر المميز */
.s-product-card-sale-price,
.s-product-card-price-new {
  color: var(--khatwa-blue) !important;
}

/* السعر المشطوب */
.s-product-card-price-old {
  color: #8A8F98 !important;
}

/* أزرار التصنيفات */
.s-block--categories .s-slider-block__display-all,
.s-block--categories a,
.s-category-card {
  color: var(--khatwa-black) !important;
  border-color: var(--khatwa-border) !important;
}

/* تأثير التصنيفات */
.s-category-card:hover {
  border-color: var(--khatwa-blue) !important;
  color: var(--khatwa-blue) !important;
}

/* أيقونات الخدمات */
.s-block--features i,
.s-block--features svg,
.feature-icon,
.s-icon {
  color: var(--khatwa-blue) !important;
  stroke: var(--khatwa-blue) !important;
}

/* بلوك الخدمات */
.s-block--features,
.s-features-list {
  background-color: var(--khatwa-white) !important;
  border-color: var(--khatwa-border) !important;
}

/* الفوتر */
footer,
.store-footer {
  background-color: var(--khatwa-white) !important;
  color: var(--khatwa-black) !important;
  border-top: 1px solid var(--khatwa-border) !important;
}

footer a,
.store-footer a {
  color: var(--khatwa-black) !important;
}

footer a:hover,
.store-footer a:hover {
  color: var(--khatwa-blue) !important;
}

/* زر الاشتراك */
.newsletter button,
.s-newsletter button,
button[type="submit"] {
  background-color: var(--khatwa-blue) !important;
  border-color: var(--khatwa-blue) !important;
  color: var(--khatwa-white) !important;
}

/* الحقول */
input,
textarea,
select {
  border-color: var(--khatwa-border) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--khatwa-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

/* لمسة لايم اختيارية للعروض */
.s-product-card-promotion-title,
.sale-badge,
.discount-badge {
  background-color: var(--khatwa-lime) !important;
  color: var(--khatwa-black) !important;
}