ملف الكود 
:root{
  --ct-primary:   #8E3A3A;
  --ct-secondary: #A97155;
  --ct-accent:    #E9D5C9;
  --ct-dark:      #2C0D0D;
  --ct-light:     #F8F5F3;
  --ct-white:     #FFFFFF;
}

/* قاعدة أساسية */
*{ box-sizing:border-box; }
html,body{height:100%;}
body{
  background-color: var(--ct-light);
  color: var(--ct-dark);
  font-synthesis-weight: none; /* وضوح وزن الخط */
}

:focus-visible{
  outline: 2px solid var(--ct-secondary);
  outline-offset: 2px;
}

/* الروابط */
a{
  color: var(--ct-dark);
  text-decoration: none;
}
a:hover{ color: var(--ct-dark); }

/* العناوين */
h1,h2,h3 { margin: 0 0 .5em; }

main h2,
.section h2,
.s-slider-block__title-right h2 {
  color: var(--ct-dark) !important;
}h2{
  font-size: 32px;
  line-height: 1.3;
  font-weight: 700;
}

/* الأزرار — توحيد */
button,
.s-button-element.s-button-btn{
  --btn-bg: var(--ct-dark);
  --btn-color: var(--ct-white);
  background-color: var(--btn-bg);
  color: var(--btn-color);
  border: 2px solid var(--btn-border);
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .15s ease;
}
button:hover,
.s-button-element.s-button-btn:hover{
  background-color: var(--ct-primary);
  color: var(--ct-white);
  transform: translateY(-1px);
}

/* زر Outline أساسي */
button.s-button-outline,
.s-button-element.s-button-btn.s-button-outline{
  --btn-color: var(--ct-dark);
  --btn-border: var(--ct-dark);
}
button.s-button-outline:hover,
.s-button-element.s-button-btn.s-button-outline:hover{
  --btn-bg: var(--ct-dark);
  --btn-color: var(--ct-white);
  --btn-border: var(--ct-dark);
}

/* حاله Disabled واضحة ومتاحة */
button[disabled],
.s-button-disabled{
  opacity: .6;
  cursor: not-allowed;
}

/* الهيدر */
header{
  width:100%;
  background-color: var(--ct-white);
}
.top-bar{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px;border-bottom:1px solid #ddd;
}
.search-bar{
  display:flex;justify-content:center;align-items:center;
  gap:10px;padding:10px;background-color:#f6f6f6;
}
.search-bar input{
  padding:10px;border:1px solid #ccc;border-radius:6px;width:300px;
}
.search-bar button{
  --btn-bg: var(--ct-dark);
  --btn-color: var(--ct-white);
}

/* الفوتر — تباين صحيح */
footer{
  background-color: var(--ct-primary);
  color: var(--ct-white);
}
footer p, footer a, footer h3{ color: var(--ct-white); }
footer a:hover{ color: var(--ct-accent); }


/* بطاقات/لينكات سريعة (Swiper) — متسقة مع الهوية */
.swiper-slide.slide--one-sixth a.slide--cat-entry{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background: linear-gradient(135deg, var(--ct-primary), var(--ct-secondary));
  color: var(--ct-white);
  font-size: 14px;font-weight:600;text-align:center;
  border-radius:12px;padding:16px 12px;height:100px;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  transition: transform .25s ease, box-shadow .25s ease;
}
.swiper-slide.slide--one-sixth a.slide--cat-entry:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
/* اخفاء الأيقونات لو حابة */
.swiper-slide.slide--one-sixth a.slide--cat-entry i{ display:none; }

/* إزالة العبث بـ slick-slider Animation (نخلي السلايدر يشتغل طبيعي) */
.slick-prev, .slick-next{ /* اخفاء أسهم لو تبين */
  /* display:none;  ← فعّلي/ألغي حسب رغبتك */
}

/* صناديق وصف المنتج */
.s-metadata-wrapper{
  background: var(--ct-light);
  border-radius:12px;padding:20px;
  box-shadow:0 4px 10px rgba(0,0,0,.08);
  margin-bottom:20px;
}
.s-metadata-box-header{
  font-size:20px;font-weight:700;color:var(--ct-dark);
  display:flex;align-items:center;gap:8px;
  border-bottom:2px solid var(--ct-dark);
  padding-bottom:8px;margin-bottom:12px;
}
.s-metadata-row-name{ display:none; }
.s-metadata-row-value{
  font-size:16px;line-height:1.6;color:#333;background:#fff;
  padding:14px;border-radius:8px;direction:rtl;text-align:right;
}

/* السعر */
.total-price, h2.total-price{
  color: var(--ct-dark);font-weight:700;font-size:1rem;
}

/* اجعلي زر البروفايل مطابقًا لستايل البحث */
header .header-btn,
.store-header .header-btn {
background-color: #ffffff !important;
   /* نفس خلفية البحث (عدّليها إذا كانت #fff عندك) */
  border: 1px solid #e4e0da !important;   /* نفس خطّ/حد البحث */
  border-radius: 9999px !important;       /* دائري */
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

/* لون الأيقونة داخل زر البروفايل */
header .header-btn .header-btn__icon,
header .header-btn i,
header .header-btn i::before,
header .header-btn svg {
  color: var(--ct-dark) !important;       /* مثل نص البحث */
  font-size: 20px !important;
}

/* Hover/Focus مشابه لإحساس التركيز على البحث */
header .header-btn:hover {
  background-color: #ffffff !important;
  border-color: var(--ct-primary) !important;
}
header .header-btn:focus-visible {
  outline: 2px solid var(--ct-secondary) !important;
  outline-offset: 2px;
}
//
/* 1) خلفية الكارت = مثل البروفايل تمامًا */
.s-cart-summary .s-cart-icon,
.s-cart-summary-wrapper .s-cart-icon {
  background-color: #f6f6f6 !important;   /* نفس خلفية البحث/البروفايل */
  border: 1px solid #e4e0da !important;   /* نفس البوردر */
  border-radius: 9999px !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 2) لون الأيقونة نفسها (الأفضل استهداف العنصر و الـ:before) */
i.header-btn__icon.sicon-shopping-bag,
i.header-btn__icon.sicon-shopping-bag::before {
  color: var(--ct-dark) !important;       /* يطابق لون أيقونة البروفايل */
  font-size: 20px !important;
  line-height: 1 !important;
}

/* 3) هوفر مثل البروفايل */
.s-cart-summary .s-cart-icon:hover,
.s-cart-summary-wrapper .s-cart-icon:hover {
  background-color: #ffffff !important;
  border-color: var(--ct-primary) !important;
}

/* 4) شارة عدد السلة (لو تبينها تنسجم) */
.s-cart-summary-count {
  background-color: var(--ct-dark) !important;
  color: #fff !important;
  border-radius: 9999px !important;
}
//

/* العنوان */
section.s-block--slider .home-slider__content .text-white h2.lg\:text-title-size.font-bold.leading-tight.mb-4 {
  color: #fff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* الوصف */
section.s-block--slider .home-slider__content .text-white p.line-clamp-2.description {
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* (اختياري) لو في Overlay يغطي النص */
section.s-block--slider .silder-bg::before {
  background: rgba(0,0,0,0.28) !important;
  z-index: 1 !important;
}

/* إزالة خلفية الأزرار */
.s-slider-block__title-nav button.s-slider-prev,
.s-slider-block__title-nav button.s-slider-next {
  border: none !important;
  box-shadow: none !important;
}

/* جعل الأيقونات (SVG) بيضاء */
.s-slider-block__title-nav button.s-slider-prev svg,
.s-slider-block__title-nav button.s-slider-next svg {
  fill: #fff !important;   /* اللون الأبيض */
  stroke: #fff !important; /* بعض الثيمات تستخدم stroke */
  width: 28px !important;  /* تكبير الحجم لو تبغين */
  height: 28px !important;
}
/
/* أخفي أيقونة الشنطة داخل زر السلة */
salla-button::part(icon),
salla-button::part(prefix-icon),
salla-button::part(suffix-icon) {
  display: none !important;
}

/* ضبط المسافات بعد إزالة الأيقونة */
salla-button::part(button) {
  gap: 0 !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}
/* بعض ثيمات سلة تدعم هذا المتغيّر */
salla-button,
salla-add-product-button {
  --s-button-icon-display: none !important;
}
/* داخل بطاقات المنتجات */
.s-product-card button.s-button-element i.sicon-shopping-bag,
.s-product-card button.s-button-element i.sicon-shopping-bag::before {
  display: none !important;
  content: none !important;
}

/* نسخة أوسع لو لسه ما اختفت */
button.s-button-element i.sicon-shopping-bag,
button.s-button-element i.sicon-shopping-bag::before {
  display: none !important;
  content: none !important;
}
//


/* ====== PRODUCT CARD ADD-TO-CART BUTTON ====== */
/* شكل أساسي موحّد داخل بطاقات المنتجات */
.s-product-card button.s-button-element.s-button-btn {
  background-color: var(--ct-dark) !important;   /* البني الغامق #2C0D0D */
  color: #fff !important;                        /* كتابة بيضاء */
  border: 2px solid var(--ct-dark) !important;   /* حد بنفس اللون */
  border-radius: 6px !important;                 /* مستطيل (غيّريها 0 لو تبين زوايا حادة تمامًا) */
  padding: 10px 18px !important;
  box-shadow: none !important;
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

/* تأكيد لون النص داخل سبانات الزر */
.s-product-card button.s-button-element.s-button-btn .s-button-text,
.s-product-card button.s-button-element.s-button-btn .s-button-text span {
  color: #fff !important;
}

/* هوفر: عنابي والكتابة تبقى بيضاء */
.s-product-card button.s-button-element.s-button-btn:hover {
  background-color: var(--ct-primary) !important; /* العنابي #8E3A3A */
  border-color: var(--ct-primary) !important;
  color: #fff !important;
}
.s-product-card button.s-button-element.s-button-btn:hover .s-button-text,
.s-product-card button.s-button-element.s-button-btn:hover .s-button-text span {
  color: #fff !important;
}

/* حالات أخرى اختيارية */
.s-product-card button.s-button-element.s-button-btn:active { transform: translateY(0); }
.s-product-card button.s-button-element.s-button-btn.s-button-disabled,
.s-product-card button.s-button-element.s-button-btn[disabled] { opacity: .55; cursor: not-allowed; }

/* ====== صفحة المنتج (لو فيه زر صلب هناك) ====== */
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary {
  background-color: var(--ct-dark) !important;
  color: #fff !important;
  border: 2px solid var(--ct-dark) !important;
  border-radius: 6px !important;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary:hover {
  background-color: var(--ct-primary) !important;
  border-color: var(--ct-primary) !important;
  color: #fff !important;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary .s-button-text,
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary .s-button-text span {
  color: #fff !important;
}

/* لو الثيم يحاول يجبر الشكل البيضاوي، نلغي أي تدوير مبالغ فيه */
button.s-button-element.s-button-btn.s-button-wide,
.s-product-card button.s-button-element.s-button-btn.s-button-wide {
  border-radius: 3px !important;
}

////

/* ========= Add to Cart (exact classes) — بني غامق + عنّابي على الهوفر ========= */

/* الحالة العادية */
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  background: #2C0D0D !important;            /* بني غامق */
  color: #fff !important;
  border: 2px solid #2C0D0D !important;
  border-radius: 0 !important;                /* حواف حادة */
  box-shadow: none !important;
  position: relative;
  overflow: hidden;
}

/* إزالة أي خلفية/طبقة بيضا داخلية أو pseudo */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline::before,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline::after,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline > *,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline > *::before,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline > *::after {
  box-shadow: none !important;
  content: none !important;
}

/* لون النص/الأيقونة داخل الزر */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text span,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline i,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline i::before {
  color: #fff !important;
}

/* الهوفر: عنّابي والنص يبقى أبيض */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
  background: #8E3A3A !important;
  border-color: #8E3A3A !important;
  color: #fff !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover .s-button-text,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover .s-button-text span,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover i,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover i::before {
  color: #fff !important;
}

////
/* ========= Add to Cart (exact classes) — بني غامق + عنّابي على الهوفر ========= */

/* الحالة العادية */
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  background: #2C0D0D !important;            /* بني غامق */
  color: #fff !important;
  border: 2px solid #2C0D0D !important;
  border-radius: 0 !important;                /* حواف حادة */
  box-shadow: none !important;
  position: relative;
  overflow: hidden;
}

/* إزالة أي خلفية/طبقة بيضا داخلية أو pseudo */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline::before,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline::after,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline > *,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline > *::before,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline > *::after {
  box-shadow: none !important;
  content: none !important;
}

/* لون النص/الأيقونة داخل الزر */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text span,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline i,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline i::before {
  color: #fff !important;
}

/* الهوفر: عنّابي والنص يبقى أبيض */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
  background: #8E3A3A !important;
  border-color: #8E3A3A !important;
  color: #fff !important;
}
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover .s-button-text,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover .s-button-text span,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover i,
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover i::before {
  color: #fff !important;
}

/* تأكيد إزالة أي تدوير من كلاس .s-button-wide */
button.s-button-element.s-button-btn.s-button-wide { border-radius: 0 !important; }

/* ====== ADD TO CART — مستطيل حاد، بني غامق، هوفر عنابي ====== */
:root{ --ct-dark:#2C0D0D; --ct-primary:#8E3A3A; }

/* الزر الخارجي بالكروت: نخليه شفاف لأن التلوين سيكون على .s-button-text */
.s-product-card button.s-button-element.s-button-btn{
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* الحبة الداخلية التي كانت بيضاء بحد أسود */
.s-product-card button.s-button-element.s-button-btn .s-button-text{
  background: var(--ct-dark) !important;       /* بني غامق */
  color: #fff !important;
  border: 2px solid var(--ct-dark) !important; /* نفس اللون */
  border-radius: 0 !important;                 /* حواف حادّة */
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 18px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

/* منع أي طبقة/خلفية إضافية يضيفها الثيم */
.s-product-card button.s-button-element.s-button-btn .s-button-text::before,
.s-product-card button.s-button-element.s-button-btn .s-button-text::after{
  content: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* هوفر: عنابي والنص يبقى أبيض */
.s-product-card button.s-button-element.s-button-btn:hover .s-button-text{
  background: var(--ct-primary) !important;
  border-color: var(--ct-primary) !important;
  color: #fff !important;
}
.s-product-card button.s-button-element.s-button-btn:hover .s-button-text span{
  color: #fff !important;
}

/* (اختياري) إخفاء أيقونة الشنطة */
.s-product-card button.s-button-element.s-button-btn i.sicon-shopping-bag{ display:none !important; }

/* ===== صفحة المنتج (زر صلب) بنفس الفكرة ===== */
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary{
  border: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary .s-button-text{
  background: var(--ct-dark) !important;
  color:#fff !important;
  border: 2px solid var(--ct-dark) !important;
  border-radius: 0 !important;
  display:block !important; width:100% !important; box-sizing:border-box !important;
  padding: 10px 18px !important;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary:hover .s-button-text{
  background: var(--ct-primary) !important;
  border-color: var(--ct-primary) !important;
  color:#fff !important;
}

/* === HOTFIX: زر إضافة للسلة في بطاقات المنتجات — مستطيل حاد بني، هوفر عنابي === */

/* نلوّن الزر نفسه */
.s-product-card button.s-button-element.s-button-btn {
  background: #2C0D0D !important;              /* بني غامق */
  color: #FFFFFF !important;
  border: 2px solid #2C0D0D !important;
  border-radius: 0 !important;                  /* حواف حادّة */
  display: block !important;
  width: 100% !important;
  padding: 10px 18px !important;
  box-shadow: none !important;
}

/* الداخل يبقى شفاف عشان ما يكسّر الخلفية */
.s-product-card button.s-button-element.s-button-btn .s-button-text,
.s-product-card button.s-button-element.s-button-btn .s-button-text::before,
.s-product-card button.s-button-element.s-button-btn .s-button-text::after {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* هوفر: عنّابي والنص يبقى أبيض */
.s-product-card button.s-button-element.s-button-btn:hover {
  background: #8E3A3A !important;
  border-color: #8E3A3A !important;
  color: #FFFFFF !important;
}
.s-product-card button.s-button-element.s-button-btn:hover .s-button-text span {
  color: #FFFFFF !important;
}

/* إخفاء أيقونة الشنطة (اختياري) */
.s-product-card button.s-button-element.s-button-btn i.sicon-shopping-bag { 
  display: none !important; 
}

/* تأكيد إزالة أي تدوير موروث من .s-button-wide */
.s-product-card button.s-button-element.s-button-btn.s-button-wide { 
  border-radius: 0 !important; 
}

///

/* إزالة خلفية الأزرار */
.s-slider-block__title-nav button.s-slider-prev,
.s-slider-block__title-nav button.s-slider-next {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* جعل الأيقونات (SVG) بيضاء */
.s-slider-block__title-nav button.s-slider-prev svg,
.s-slider-block__title-nav button.s-slider-next svg {
  fill: #fff !important;   /* اللون الأبيض */
  stroke: #fff !important; /* بعض الثيمات تستخدم stroke */
  width: 28px !important;  /* تكبير الحجم لو تبغين */
  height: 28px !important;
}

///

/* ===== أسهم السلايدر — بدون أي خلفية، الأيقونة بني غامق ===== */

/* الزر */
button.s-slider-prev.s-slider-nav-arrow,
button.s-slider-next.s-slider-nav-arrow {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* لو الثيم يحط الخلفية على عناصر داخلية أو ::before/::after */
button.s-slider-prev.s-slider-nav-arrow *,
button.s-slider-next.s-slider-nav-arrow *,
button.s-slider-prev.s-slider-nav-arrow::before,
button.s-slider-prev.s-slider-nav-arrow::after,
button.s-slider-next.s-slider-nav-arrow::before,
button.s-slider-next.s-slider-nav-arrow::after,
button.s-slider-prev.s-slider-nav-arrow *::before,
button.s-slider-prev.s-slider-nav-arrow *::after,
button.s-slider-next.s-slider-nav-arrow *::before,
button.s-slider-next.s-slider-nav-arrow *::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* تلوين الأيقونة نفسها (SVG أو أيقونة فونت) */
button.s-slider-prev.s-slider-nav-arrow svg,
button.s-slider-next.s-slider-nav-arrow svg,
button.s-slider-prev.s-slider-nav-arrow svg *,
button.s-slider-next.s-slider-nav-arrow svg *,
button.s-slider-prev.s-slider-nav-arrow i,
button.s-slider-next.s-slider-nav-arrow i,
button.s-slider-prev.s-slider-nav-arrow i::before,
button.s-slider-next.s-slider-nav-arrow i::before {
  fill: #2C0D0D !important;
  stroke: #2C0D0D !important;
  color: #2C0D0D !important;
}

/* كوفر شامل لو الثيم يستخدم كلاس Swiper الافتراضي */
.swiper-button-prev,
.swiper-button-next {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  color: #2C0D0D !important;
}

/* fallback باسم جزئي للكلاسات */
button[class*="s-slider"][class*="nav-arrow"],
button[class*="s-slider"][class*="nav-arrow"] *,
button[class*="s-slider"][class*="nav-arrow"]::before,
button[class*="s-slider"][class*="nav-arrow"]::after {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

//
/* إزالة خلفية الأزرار */
.s-slider-block__title-nav button.s-slider-prev,
.s-slider-block__title-nav button.s-slider-next {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* جعل الأيقونات (SVG) بيضاء */
.s-slider-block__title-nav button.s-slider-prev svg,
.s-slider-block__title-nav button.s-slider-next svg {
  fill: #fff !important;   /* اللون الأبيض */
  stroke: #fff !important; /* بعض الثيمات تستخدم stroke */
  width: 28px !important;  /* تكبير الحجم لو تبغين */
  height: 28px !important;
}
///

/* ===== Quick Buy (salla-mini-checkout-widget) — نفس مقاس/زوايا زر السلة ===== */

/* لو الويدجت مفرّغ الـbutton عبر ::part() */
salla-mini-checkout-widget::part(button) {
  border-radius: 0 !important;      /* حواف حادة */
  min-height: 44px !important;      /* عدّليها إذا ارتفاع زر السلة مختلف */
  padding: 10px 18px !important;    /* نفس الحشوة */
  border-width: 2px !important;     /* نفس سُمك الحد */
  border-style: solid !important;   /* بدون تغيير اللون */
  box-sizing: border-box !important;
  width: 100% !important;
  line-height: 1 !important;
}

/* ترتيب/حجم الأيقونة (اختياري) */
salla-mini-checkout-widget::part(icon) {
  width: 20px; height: 20px;
  margin-inline-start: 6px;
}

/* Fallback: لو ما يدعم ::part() نمرّر متغيّرات على الهوست (بدون ألوان) */
salla-mini-checkout-widget,
salla-mini-checkout-widget[hydrated] {
  --s-button-radius: 0px;
  --s-button-border-radius: 0px;
  --s-button-border-width: 2px;
  --s-button-padding-y: 10px;
  --s-button-padding-x: 18px;
  --s-button-height: 44px;

  /* أسماء بديلة محتملة */
  --button-border-radius: 0px;
  --button-border-width: 2px;
  --button-padding-block: 10px;
  --button-padding-inline: 18px;
  --button-height: 44px;
}

//
/* إلغاء طبقة التغميق على البنرات نهائياً بدون التأثير على الصورة */
:root { --overlay-color: transparent !important; }

html body a.banner-entry::before,
html body a.banner-entry::after,
html body a.banner-entry.has-overlay::before,
html body a.banner-entry.has-overlay::after,
html body a.banner-entry.lazy.has-overlay::before,
html body a.banner-entry.lazy.has-overlay::after,
html body a.banner-entry.entered.loaded::before,
html body a.banner-entry.entered.loaded::after,
html body .h-banner::before,
html body .h-banner::after,
html body .h-banner.has-overlay::before,
html body .h-banner.has-overlay::after,
html body .h-banner.entered.loaded::before,
html body .h-banner.entered.loaded::after {
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* لو فيه عنصر overlay فعلي داخل البنر (مو pseudo) */
html body a.banner-entry .overlay,
html body .h-banner .overlay {
  display: none !important;
}

/* تأكيد عدم وجود أي فلاتر على الصورة */
html body a.banner-entry,
html body .h-banner {
  filter: none !important;
  mix-blend-mode: normal !important;
}


///

/* إلغاء طبقة التغميق على البنرات نهائياً بدون التأثير على الصورة */
:root { --overlay-color: transparent !important; }

html body a.banner-entry::before,
html body a.banner-entry::after,
html body a.banner-entry.has-overlay::before,
html body a.banner-entry.has-overlay::after,
html body a.banner-entry.lazy.has-overlay::before,
html body a.banner-entry.lazy.has-overlay::after,
html body a.banner-entry.entered.loaded::before,
html body a.banner-entry.entered.loaded::after,
html body .h-banner::before,
html body .h-banner::after,
html body .h-banner.has-overlay::before,
html body .h-banner.has-overlay::after,
html body .h-banner.entered.loaded::before,
html body .h-banner.entered.loaded::after {
  content: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* لو فيه عنصر overlay فعلي داخل البنر (مو pseudo) */
html body a.banner-entry .overlay,
html body .h-banner .overlay {
  display: none !important;
}

/* تأكيد عدم وجود أي فلاتر على الصورة */
html body a.banner-entry,
html body .h-banner {
  filter: none !important;
  mix-blend-mode: normal !important;
}
//
/* 0) تجهيز طبقات التراص */
html body a.banner-entry,
html body .h-banner {
  position: relative !important;
  isolation: isolate; /* يضمن أن الطبقات داخل العنصر فقط */
}

/* 1) نرجّع ::before/::after بشكل آمن (بدون تغميق افتراضيًا) */
html body a.banner-entry::before,
html body a.banner-entry::after,
html body .h-banner::before,
html body .h-banner::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
  opacity: 0 !important;
  transition: opacity .25s ease, background .25s ease !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* نخلي النص فوق الطبقة */
html body a.banner-entry .banner-entry__text,
html body .h-banner .banner-entry__text {
  position: relative !important;
  z-index: 2 !important;
}

/* 2) هوفر (دسكتوب فقط) — نستخدم نفس تركيبات الكلاسات لنهزم التعطيل السابق */
@media (hover:hover) and (pointer:fine) {
  html body a.banner-entry.lazy.has-overlay:hover::before,
  html body a.banner-entry.entered.loaded:hover::before,
  html body .h-banner.lazy.has-overlay:hover::before,
  html body .h-banner.entered.loaded:hover::before,
  /* احتياط لو اختلفت الكلاسات */
  html body a.banner-entry:hover::before,
  html body .h-banner:hover::before {
    background: rgba(0,0,0,.42) !important; /* غامق خفيف */
    opacity: 1 !important;
  }

  /* (اختياري) تقوية وضوح النص وقت الهوفر */
  html body a.banner-entry:hover .banner-entry__text,
  html body .h-banner:hover .banner-entry__text {
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.45) !important;
  }
}

/* 3) فallback لو الثيم يستخدم عنصر Overlay فعلي بدل pseudo */
html body a.banner-entry .banner-entry__overlay,
html body .h-banner .banner-entry__overlay {
  background: transparent !important;
  opacity: 0 !important;
  transition: opacity .25s ease, background .25s ease !important;
}
@media (hover:hover) and (pointer:fine) {
  html body a.banner-entry:hover .banner-entry__overlay,
  html body .h-banner:hover .banner-entry__overlay {
    background: rgba(0,0,0,.42) !important;
    opacity: 1 !important;
  }
}

/////


/* ---- Categories row: stop cropping + add spacing ---- */
section.s-block--categories,
section.s-block--categories .s-slider,
section.s-block--categories .swiper,
section.s-block--categories .swiper-wrapper {
  overflow: visible !important;
}

/* a touch of space below the row so it doesn't kiss the hero */
section.s-block--categories {
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
}

/* optional: tiny inner padding so cards don't sit on the cut line */
section.s-block--categories .swiper-slide {
  padding-bottom: 14px !important;
}

/* if your cards themselves are a hair too tall, cap them slightly */
section.s-block--categories a.slide--cat-entry {
  height: 80px !important; /* adjust 90–110px if you want */
}

//

/* ===== Quantity (+ / -) — Center + White icons ===== */

/* رتّب المجموعة ووسّطها */
.s-quantity-input,
.s-quantity-input-container {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* زرّي + و - مربّعات متساوية وبدون حشوات داخلية */
button.s-quantity-input-button,
button.s-quantity-input-increase-button,
button.s-quantity-input-decrease-button {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;           /* توسيط كامل */
  background: var(--ct-dark) !important;    /* خلفية بني غامق (لو تبين شفافة غيّريها) */
  border: 1px solid var(--ct-dark) !important;
  border-radius: 3px !important;            /* غيّريها 0 لو تبين حواف حادة */
  box-shadow: none !important;
}

/* أيقونات الزرين أبيض بالكامل */
button.s-quantity-input-button svg,
button.s-quantity-input-button i,
button.s-quantity-input-button i::before,
button.s-quantity-input-button path,
button.s-quantity-input-increase-button svg,
button.s-quantity-input-decrease-button svg {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

/* حقل العدد في الوسط وبنفس الارتفاع */
input.s-quantity-input-input {
  text-align: center !important;
  height: 40px !important;
  padding: 0 10px !important;
  line-height: 40px !important;   /* يساعد على التوسيط البصري */
  box-sizing: border-box !important;
}

/* تأكيد داخل الشريط السفلي (إن وجد) */
.sticky-product-bar__product-single .s-quantity-input-button { width:40px !important; height:40px !important; }
.sticky-product-bar__product-single input.s-quantity-input-input { height:40px !important; line-height:40px !important; }

//

/* اجبار كل نصوص الفوتر على اللون الأبيض */
footer.store-footer,
footer.store-footer * {
  color: #ffffff !important;
}

/* لو القالب حاط درجات رمادي؛ نلغيها داخل الفوتر */
footer.store-footer .text-gray-400,
footer.store-footer .text-gray-500,
footer.store-footer .text-gray-600,
footer.store-footer .text-gray-700,
footer.store-footer .text-gray-800 {
  color: #ffffff !important;
}

/* أحيانًا الأيقونات SVG تتلوّن بلون مختلف */
footer.store-footer svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

//