/* ===========================
   1) المحتوى الأساسي (main)
   =========================== */

body:not(header):not(footer) p,
body:not(header):not(footer) span,
body:not(header):not(footer) div,
body:not(header):not(footer) small,
main p,
main span,
main div,
main small {
    color: #000000 !important;
}


/* ===========================
   2) قسم التقييمات (Testimonials)
   =========================== */

.testimonials-section h2,
.testimonials-section h3,
.testimonials-section p {
    color: #000000 !important;
}


/* ===========================
   3) الهيدر (Header)
   =========================== */

header,
header a,
header nav a,
header .main-menu a,
header .navbar a,
header .categories a,
header .menu a,
header .nav a {
    color: #ffffff !important;
}
html:not(.dark) .product-card .s-button-text {
  color: #ffffff !important;
}

/* ===========================
   4) الفوتر (Footer)
   =========================== */

footer,
footer *,
.site-footer,
.site-footer *,
.main-footer,
.main-footer *,
.footer-bottom,
.footer-bottom *,
.sub-footer,
.sub-footer * {
    color: #ffffff !important;
}
/* تغيير لون العنوان "تابعنا" */
.follow_us_title {
  color: #ffffff !important; /* غيّر اللون حسب رغبتك */
}

/* تغيير لون وصف النص أسفل العنوان */
.follow_us_description {
  color: #ffffff !important; /* أو أي لون آخر */
}

/* تغيير لون عنوان قسم تواصل معنا */
.contacts_title {
  color: #ffffff !important;
}

/* تغيير لون الفقرة الموجودة بعد العنوان */
.contacts_title + p,
.contacts_title + p.text-sm,
.contacts_title + p.mb-4 {
  color: #ffffff !important;
}
.text-center h2 {
  font-size: 28px !important;
  color: #000000 !important;        /* النص لونه أسود */
  padding: 10px 20px;
  display: inline-block;
  border-radius: 8px;
  position: relative;
}


p.text-sm.max-w-sm.mx-auto.mt-4 {
  font-size: 18px !important; /* ← غيّر الرقم حسب رغبتك */
  color: #000000 !important;  /* لو حاب تثبت اللون الأسود */
}

:root.dark {
  --add-to-cart-btn-text-color-dark: #ffffff !important;
}

.swiper-slide img.make_round_img {
  width: 5rem !important;
  height: 5rem !important;
}
p.pb-1 {
  color: #ffffff !important;
}
.feature-icon i::before {
  color: #007bff !important;
}
nav.mobile-menu.transparent_side_nav a span {
  color: #ffffff !important;
}
.dark .total-price {
  color: #000000 !important;
}
.dark .s-button-text {
  color: #ffffff !important;
}
.dark .s-button-text {
  color: #ffffff !important;
}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)) {
  html:not(.dark) .accordion {
    color: #ffffff !important;
  }
html:not(.dark) .s-button-text {
  color: #ffffff !important;
}
html:not(.dark) .header_icon_label {
  color: #ffffff !important;
}
html:not(.dark) .text-unicode.unicode {
  color: #ffffff !important;
}
html.dark .text-unicode.unicode {
  color: #ffffff !important;
}
button.btn-tab.btn--collapse {
  background-color: #e5e7eb !important; /* رمادي فاتح (gray-200) */
}
button.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center .s-button-text {
  color: #000000 !important; /* أسود */
}
.product__description {
  border: 1px solid #000;
  border-radius: 8px;
  padding: 10px;
}
.s-social-share-wrapper {
  display: flex;              /* يخلي العناصر بجانب بعض */
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;         /* زوايا ناعمة */
  padding: 10px 15px;         /* مسافة داخلية */
  width: 100%;                /* يخلي الإطار يغطي العرض الكامل */
  box-sizing: border-box;     
}
/* 🎨 تدرج لوني للخلفية مع تنسيق أنيق */
.promotion-title {
  background: linear-gradient(
    135deg,
    #01064b 10%,   /* الكحلي الغامق */
    #021070 50%,  /* درجة أفتح */
    #03249c 100%  /* لون أفتح / ثاني */
  ) !important;
  color: #ffffff !important;        /* نص أبيض */
  font-weight: 400;                 /* وزن خط متوسط */
  border-radius: 30px;              /* زوايا ناعمة */
  padding: 5px 5px;                /* مسافة داخلية */
  backdrop-filter: blur(2px);       /* ضبابية خفيفة */
  -webkit-backdrop-filter: blur(2px);
  border: none !important;          /* بدون حدود */
}


button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center .s-button-text {
  color: #ffffff !important;  /* أبيض */
}
.s-product-card-content-footer span {
  color: #fff !important;       /* أبيض */
  font-size: 16px !important;   /* حجم النص */
  font-weight: bold;            /* أوضح */
}
.contacts_title {
  color: #3CD57B !important;  /* أخضر بالدرجة المطلوبة */
  font-weight: bold;          /* (اختياري) يخلي النص أوضح */
}
.follow_us_title {
  color: #3CD57B !important;  /* الأخضر المطلوب */
  font-weight: bold;          /* (اختياري) يوضح النص */
}
.A-card-2 {
  border: 1px solid #ccc;   /* إطار رمادي خفيف */
  border-radius: 8px;       /* زوايا ناعمة (ممكن تغير الرقم) */
}
.s-offer-slide-one-sixth {
  border: 1px solid #ccc;   /* إطار رمادي خفيف */
  border-radius: 8px;       /* زوايا ناعمة */
  padding: 12px;            /* مسافة داخلية */
  box-sizing: border-box;
}
.A-card.cart-item {
  border: 1px solid #ccc;   /* إطار رمادي خفيف */
  border-radius: 8px;       /* زوايا ناعمة */
  padding: 10px;            /* مسافة داخلية إضافية (اختياري) */
  box-sizing: border-box;
}
h2.text-center::before {
  content: "- ";       /* شرطة قبل النص */
  font-size: 1em;
}

h2.text-center::after {
  content: " 🤩 -";    /* الإيموجي وبعده الشرطة */
  font-size: 1em;
}

.sicon-heart {
  color: #000;   /* أسود */
}
.s-block--features__item {
  border: 1px solid #ddd;   /* إطار رمادي خفيف */
  border-radius: 8px;       /* زوايا ناعمة */
  padding: 15px;            /* مسافة داخلية */
  box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* ظل خفيف اختياري */
  transition: all 0.3s ease; /* تأثير عند التمرير */
}

.s-block--features__item:hover {
  border-color: #01064b;    /* يتغير لون الإطار عند المرور */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.sicon-secure-credit-card-2 {
  color: #01064b;
}
.s-user-menu-dropdown-item-title {
  color: #ffffff !important;
}
.s-user-menu-dropdown-header-content span,
.s-user-menu-dropdown-header-content p {
  color: #ffffff !important;
}
a.s-infinite-scroll-btn.s-button-btn.s-button-primary {
  color: #000000 !important;
}

a.s-infinite-scroll-btn.s-button-btn.s-button-primary .s-button-text {
  color: #000000 !important;
}
.s-button-danger-outline .s-button-text {
  color: #ef4444 !important;
}
button.s-button-element.s-button-btn.s-button-solid.s-button-primary .s-button-text {
  color: #000000 !important;
}
.s-button-danger-outline {
  background-color: #ef4444 !important; /* نفس لون الإطار الأحمر */
  border-color: #ef4444 !important;
}

.s-button-danger-outline .s-button-text {
  color: #ffffff !important; /* الأبيض */
}
.s-button-primary-outline.s-button-small {
  background-color: #e5e7eb !important; /* رمادي فاتح */
  border-color: #e5e7eb !important;
}
.order-item.A-card {
  border: 1px solid #e5e7eb !important;  /* رمادي خفيف */
  border-radius: 8px !important;        /* زوايا ناعمة */
}
button .s-button-text {
  color: #000000 !important;
}
.rating-header salla-button button,
.rating-header salla-button button .s-button-text {
  color: #000000 !important;
}
.s-button-wrap.hydrated .s-button-text {
  color: #000000 !important;
}
.sicon-add-to-cart {
  color: #ffffff !important;
}
button.accordion.accordion-active {
  color: #000000 !important;
}
/* وصف المنتج فقط */
html:not(.dark) .products-accordion-wrapper .accordion,
html:not(.dark) .products-accordion-wrapper .accordion.accordion-active {
  color: #000000 !important;
}
.s-user-menu-dropdown {
  background: linear-gradient(
    180deg,
    rgba(0, 5, 85, 0.85) 0%,   /* الكحلي الغامق فوق */
    rgba(0, 0, 0, 0.6) 110%     /* الأسود أسفل */
  );
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-radius: 30px;
  border: none; /* حذف الأبيض */
  color: #ffffff;
  overflow: hidden;
  max-width: 60%;
  margin: 0 auto;
}

/* ✅ العناصر داخل البطاقة */
.s-user-menu-dropdown-item {
  padding: 10px 10px;
  border-radius: 12px;
  transition: background-color 0.6s ease;
  border-bottom: 2px solid rgba(255, 255, 255, 0.06);
}

/* ✅ التفاعل على العنصر فقط */
.s-user-menu-dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.07);
}

/* ✅ الخط بتدرج لمعة ناعمة */
.s-user-menu-dropdown-item-title {
  display: inline-block;
  background: linear-gradient(to right, 
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1)
  );
  -webkit-background-clip: text;
  font-weight: 400;
}
.s-user-menu-dropdown {
  position: fixed;
  right: 10px;
  left: auto;
  bottom: 80px;
  top: auto;
  z-index: 9999;

  /* باقي خصائصها اللي كانت عندك هنا... */
}
.mobile-bottom-nav {
background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,   /* كحلي غامق */
    rgba(0, 0, 0, 0.6) 100%    /* أسود غامق */
  );
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 20px 20px 0 0;  /* زوايا علوية ناعمة */
  border: none;
  color: #ffffff;
  width: 90%;
  margin: 0 auto;
  z-index: 9999;
}
/* ✅ العناصر داخل القائمة */
.mobile-bottom-nav .header_icon_label,
.mobile-bottom-nav .header-btn__icon {
  transition: color 0.1s ease;
}
/* ✅ التفاعل مع الأيقونات */
.mobile-bottom-nav a:hover .header-btn__icon,
.mobile-bottom-nav a:hover .header_icon_label {
  color: #fffff; /* اللون الفرعي */
}
.A-top-nav {
background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.0) 0%,   /* كحلي غامق */
    rgba(0, 0, 0, 0.0) 110%    /* أسود غامق */
  );
  backdrop-filter: blur(-1px);
  -webkit-backdrop-filter: blur(-1px);
  border-radius: 0px 0px 0 0;  /* زوايا علوية ناعمة */
  border: none;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
  z-index: 9999;
}
.sticky-product-bar {
background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,   /* كحلي غامق */
    rgba(0, 0, 0, 0.6) 100%    /* أسود غامق */
  );
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  border-radius: 20px 20px 0 0;  /* زوايا علوية ناعمة */
  border: none;
  color: #ffffff;
  width: 90%;
  margin: 0 auto;
  z-index: 9999;
}
/* ✅ العناصر داخل القائمة */
.mobile-bottom-nav .header_icon_label,
.mobile-bottom-nav .header-btn__icon {
  transition: color 0.1s ease;
}
/* ✅ التفاعل مع الأيقونات */
.mobile-bottom-nav a:hover .header-btn__icon,
.mobile-bottom-nav a:hover .header_icon_label {
  color: #fffff; /* اللون الفرعي */
}
.sticky-product-bar {
  max-width: 90% !important;   /* عرض أصغر */
  margin-left: auto !important;
  margin-right: auto !important; /* يوسّط العنصر */
  left: 0;
  right: 0;
  border-radius: 16px;
}
/* زر اشتري الآن */
.sticky-product-bar salla-button[quick-buy] .s-button-element {
  background: transparent !important;   /* بدون خلفية */
  color: #ffffff !important;            /* النص أبيض */
  border: 1px solid #ffffff !important; /* إطار أبيض */
  font-weight: 600;
  transition: all 0.3s ease;
}

/* عند التمرير أو الضغط */
.sticky-product-bar salla-button[quick-buy] .s-button-element:hover {
  background: rgba(255, 255, 255, 0.1) !important; /* خلفية خفيفة شفافة */
  color: #ffffff !important;
  border-color: #ffffff !important;
}
/* زر اشتري الآن (mini checkout widget) */
.s-add-product-button-mini-checkout {
  background: transparent !important;       /* بدون خلفية */
  border: 1px solid #ffffff !important;     /* إطار أبيض */
  color: #ffffff !important;                /* النص أبيض */
  border-radius: 10px;                      /* زوايا ناعمة */
  padding: 10px 16px;                       /* تباعد مرتب */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

/* النص داخل الزر */
.s-add-product-button-mini-checkout-content {
  color: #ffffff !important;                /* أبيض صافي */
}

/* الأيقونة SVG داخل الزر */
.s-add-product-button-mini-checkout svg {
  fill: #ffffff !important;                 /* أيقونة بيضاء */
  margin-left: 6px;
}

/* عند التمرير */
.s-add-product-button-mini-checkout:hover {
  background: rgba(255, 255, 255, 0.1) !important; /* خلفية شفافة خفيفة */
  color: #ffffff !important;
  border-color: #ffffff !important;
}
@media (max-width: 768px) {
  #mobile-menu {
    background: linear-gradient(
      180deg,
      rgba(0, 5, 85, 0.85) 0%,   
      rgba(0, 0, 0, 0.6) 110%    
    );
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px;
    border: none; 
    color: #ffffff;
    overflow: hidden;

    /* ✅ الموقع والعرض */
    max-width: 90%;
    margin: 0 auto;
    position: fixed;
    right: 5%;
    left: 5%;
    top: 80
    px;     /* 🔥 أضفنا مسافة 100px من الأعلى */
    bottom: auto;   /* ألغينا التثبيت للأسفل */
    z-index: 9999;
  }

  #mobile-menu li {
    padding: 12px 12px;
    border-radius: 12px;
    transition: background-color 0.6s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  #mobile-menu li:hover {
    background-color: rgba(255, 255, 255, 0.07);
  }

  #mobile-menu li a {
    display: inline-block;
    background: linear-gradient(to right, 
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1)
    );
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  #mobile-menu > ul > div > div > button > div > span {
    color: #000000 !important; /* أسود */
  }
}
@media (max-width: 768px) {
  .is-transparent-side-nav .mm-ocd__content {
    background: none !important;
  }
}
@media (max-width: 768px) {
  .is-transparent-side-nav .mm-ocd__content {
    background: rgba(0,0,0,0) !important; /* 0 يعني شفاف بالكامل */
    backdrop-filter: none !important;     /* يلغي الضبابية إن كانت موجودة */
    -webkit-backdrop-filter: none !important;
  }
}
/* 🟢 تنسيق زر إضافة للسلة بنفس شكل .sticky-product-bar */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,   /* كحلي غامق */
    rgba(0, 0, 0, 0.6) 100%    /* أسود غامق */
  ) !important;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  border-radius: 20px !important;
  border: none !important;
  color: #ffffff !important;
  width: 90% !important;
  margin: 0 auto !important;
  display: block; /* حتى يتمركز */
  text-align: center;
}

/* ✅ النص والأيقونة داخل الزر */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text span {
  color: #fff !important;
  font-weight: 600;
  font-size: 16px;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .sicon-add-to-cart {
  color: #fff !important;
  font-size: 18px;
}
/* 🟢 تنسيق زر إضافة للسلة بنفس شكل .sticky-product-bar */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,   /* كحلي غامق */
    rgba(0, 0, 0, 0.6) 100%    /* أسود غامق */
  ) !important;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  border-radius: 1px !important;
  border: none !important;
  color: #ffffff !important;
  width: 100% !important;
  margin: 0 auto !important;
  display: block; /* حتى يتمركز */
  text-align: center;
}

/* ✅ النص والأيقونة داخل الزر */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .s-button-text span {
  color: #fff !important;
  font-weight: 600;
  font-size: 16px;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline .sicon-add-to-cart {
  color: #fff !important;
  font-size: 18px;
}
/* 🟢 تنسيق البطاقة الخارجية */
.testimonial {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,   /* كحلي غامق */
    rgba(0, 0, 0, 0.6) 100%    /* أسود غامق */
  );
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  border-radius: 20px;         /* حواف دائرية ناعمة */
  border: none;
  color: #ffffff;
  width: 90%;
  margin: 0 auto;
  padding: 15px;
}

/* 🟢 حددنا الـ inner ليظهر داخله المحتوى بشكل مرتب */
.testimonial__inner {
  display: flex;
  flex-direction: column;
}

/* 🟡 الصورة الرمزية */
.testimonial__avatar img {
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,0.2);
}

/* 🟡 اسم العميل */
.testimonial__info h4 {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

/* 🟡 النص */
.testimonial__text p {
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
}

/* 🟡 النجوم */
.testimonial__rating svg path {
  fill: #FFD700; /* لون النجوم ذهبي */
}
/* يجعل النص داخل بطاقة التقييم أبيض */
.testimonial__text p {
  color: #ffffff !important;
}
/* 🟢 الصندوق الخارجي لكل سؤال */
.qa-accordion {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,   /* كحلي غامق */
    rgba(0, 0, 0, 0.6) 100%    /* أسود غامق */
  ) !important;
  color: #ffffff !important;       /* كل النص أبيض */
  border-radius: 20px !important;  /* حواف ناعمة */
  border: none !important;         /* إزالة أي حدود */
  box-shadow: none !important;     /* إزالة أي ظل */
  overflow: hidden;
}

/* 🔹 زر السؤال (العنوان) */
.qa-accordion .accordion {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 16px;
  font-weight: 600;
  text-align: right; /* أو left حسب اتجاه موقعك */
  padding: 12px 16px;
  width: 100%;
  display: block;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* 🔹 تأثير بسيط عند الفتح */
.qa-accordion .accordion.accordion-active {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 🔹 محتوى الإجابة */
.qa-accordion .panel {
  max-height: 0;               /* مغلق افتراضيًا */
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: transparent !important;
  border: none !important;
}

.qa-accordion .accordion__product__description__warpper,
.qa-accordion .product__description {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
  padding: 0 16px 16px;
  font-size: 14px;
  line-height: 1.7;
}

/* 🔹 إزالة أي حدود داخلية */
.qa-accordion .panel,
.qa-accordion .accordion__product__description__warpper {
  border: none !important;
}

/* ✅ لو تبي التصميم هذا يظهر فقط على الجوال */
@media (max-width: 768px) {
  .qa-accordion {
    max-width: 95%;
    margin: 0 auto 10px;
  }
}
/* 🟢 إضافة إطار حول البطاقة */
.A-card {
  border: 2px solid #01064b;  /* اختر اللون المناسب للهوية */
  border-radius: 19px;        /* حواف ناعمة */
  padding: 20px;              /* مسافة داخلية مناسبة */
}
/* استهداف العنصر نفسه */
.sicon-secure-credit-card-2 {
  color: #01064b !important; /* اللون الكحلي للهوية */
}

/* استهداف أيقونات تستخدم before (بعض مكتبات الأيقونات تعتمدها) */
.sicon-secure-credit-card-2:before {
  color: #01064b !important;
}

/* استهداف لو هي SVG داخلي */
.sicon-secure-credit-card-2 svg,
.sicon-secure-credit-card-2 svg path {
  fill: #01064b !important;
  stroke: #01064b !important;
}
/* 🟢 إضافة إطار أغمق مع توهج */
.store-footer {
  position: relative;
  border-radius: 12px;
  z-index: 1;
}

/* الإطار المتحرك */
.store-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,0.3), rgba(255,255,255,0.6));
  background-size: 300% 300%;
  animation: moveBorder 3s linear infinite;
  box-shadow: 0 0 30px rgba(255,255,255,0.5); /* التوهج حول الإطار */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}
/* 🔹 زر "اتمام الطلب" نفس شكل زر إضافة */
.s-button-element.s-button-solid.s-button-primary {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,
    rgba(0, 0, 0, 0.6) 100%
  );
  color: #fff !important;
  border: none !important;  /* ✅ إزالة الإطار */
  border-radius: 12px;
  font-weight: 500;
  font-size: 1rem;
  padding: 12px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.s-button-element.s-button-solid.s-button-primary:hover {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 1) 10%,
    rgba(0, 0, 0, 0.8) 100%
  );
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.2);
}

/* ✅ إزالة أي حدود داخلية أو تأثيرات غير مرغوبة */
.s-button-element.s-button-solid.s-button-primary:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* 🎯 استهداف زر "تطبيق" فقط وجعله نفس شكل زر "إضافة" */
.coupon_form_submit {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 0.85) 10%,
    rgba(0, 0, 0, 0.6) 100%
  ) !important;
  color: #fff !important;
  border: none !important;        /* إزالة الإطار */
  border-radius: 12px;            /* نفس شكل زر الإضافة */
  font-weight: 500;
  font-size: 1rem;
  padding: 12px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

#coupon_form_submit:hover {
  background: linear-gradient(
    100deg,
    rgba(0, 5, 95, 1) 10%,
    rgba(0, 0, 0, 0.8) 100%
  ) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

#coupon_form_submit:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* 🎯 تغيير لون شريط التمرير الأساسي */
.swiper-scrollbar-drag {
  background-color: #01064b !important; /* ← غيّر هذا للون الهوية */
  border-radius: 8px; /* يخليه ناعم وحلو */
  box-shadow: 0 0 8px rgba(1, 6, 75, 0.4); /* توهج بسيط حسب لون الهوية */
}
/* 🎨 تدرج لوني للخلفية مع نفس ستايل بطاقة المستخدم */
.s-product-card-promotion-title {
  background: linear-gradient(
    135deg,
    #01064b 0%,   /* لون الهوية الغامق */
    #021070 50%,  /* درجة أفتح */
    #03249c 100%  /* أفتح أو لون ثانوي */
  ) !important;
  color: #ffffff !important;        /* نص أبيض */
  font-weight: 400;                 /* وزن الخط الطبيعي */
  border-radius: 30px;              /* حواف ناعمة */
  padding: 5px 10px;
  backdrop-filter: blur(8px);       /* ضبابية خفيفة لزيادة الفخامة */
  -webkit-backdrop-filter: blur(8px);
  border: none !important;          /* بدون أي حدود */
}


button.s-button-element.s-button-solid.s-button-primary.s-button-loader-after .s-button-text {
  color: #fff !important; /* النص أبيض */
}
button.s-button-element.s-button-solid.s-button-primary.s-button-loader-center .btn__text {
  color: #fff !important; /* يجعل كلمة إرسال بيضاء */
}
.hide-story-products {
  color: #fff !important; /* النص أبيض */
}
/* 🎯 استهداف أيقونة السلة وتحريكها */
.s-button-text i.sicon-add-to-cart {
  display: inline-block;
  animation: cartBounce 1.2s ease-in-out infinite;
}

@keyframes cartBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px); /* الارتفاع للأعلى */
  }
}
/* 🎯 استهداف العنوان داخل .s-slider-block__title-right */
.s-slider-block__title-right h2 {
  font-size: 1.2rem !important; /* ← صغّر الحجم (عدّل الرقم حسب رغبتك) */
  text-decoration: underline;   /* ← خط تحت النص */
  text-underline-offset: 6px;   /* ← مسافة الخط عن النص */
  text-decoration-thickness: 2px; /* ← سماكة الخط */
}
h2.mb-4.text-lg.font-bold.leading-\[1\.2\].text-center.dark\:text-gray-300 {
  text-decoration: underline;       /* خط تحت النص */
  text-underline-offset: 6px;       /* المسافة بين الخط والنص */
  text-decoration-thickness: 2px;   /* سماكة الخط */
}
.mb-8.text-center.dark\:text-gray-300 h2 {
  text-decoration: underline;       /* خط تحت النص */
  text-underline-offset: 6px;       /* مسافة بين الخط والنص */
  text-decoration-thickness: 2px;   /* سماكة الخط */
}
/* 🎯 حركة خفيفة فوق تحت للأيقونات */
@keyframes floatIcon {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

i.sicon-secure-credit-card-2,
i.sicon-check-circle2,
i.sicon-chat-person-alt {
  color: #01064b !important;   /* ← اللون الأساسي لهويتك */
  animation: floatIcon 2s ease-in-out infinite; /* حركة ناعمة */
}
/* تغيـير اللون للأيقونات الثلاثة داخل بطاقات المميزات */
.s-block--features__item .feature-icon i.sicon-secure-credit-card-2,
.s-block--features__item .feature-icon i.sicon-secure-credit-card-2::before,
.s-block--features__item .feature-icon i.sicon-check-circle2,
.s-block--features__item .feature-icon i.sicon-check-circle2::before,
.s-block--features__item .feature-icon i.sicon-chat-person-alt,
.s-block--features__item .feature-icon i.sicon-chat-person-alt::before {
  color: #01064b !important;   /* لون الهوية */
}

/* احتياط: لو الأيقونة عبارة عن SVG داخل <i> */
.s-block--features__item .feature-icon i svg,
.s-block--features__item .feature-icon i svg path {
  fill: #01064b !important;
  stroke: #01064b !important;
}
button.accordion {
  color: #000000 !important; /* أسود */
}
/* 🎯 تغيير لون نص زر الأكوردين إلى الأسود */
html:not(.dark) .accordion {
  color: #000000 !important;  /* أسود */
}
/* 🎯 جعل صندوق التعليقات بإطار فقط */
.s-comments.s-comments-product {
  border: 0.5px solid #01064b;  /* لون الهوية */
  border-radius: 16px;        /* زوايا ناعمة */
  background: transparent;    /* بدون خلفية */
  box-shadow: none;           /* بدون ظل */
}
/* 🎯 استهداف زر الإرسال المحدد وجعل النص أبيض */
button.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center .s-button-text {
  color: #fff !important;
}
/* ✅ إعادة لون النجوم الذهبية للتقييمات */
.s-rating-stars-btn-star svg path {
  fill: #FFD700 !important; /* ذهبي للتقييمات */
}

/* ✅ نتأكد إن النجوم نفسها تبقى ذهبية حتى لو فيها كلاس مختار */
.s-rating-stars-selected svg path {
  fill: #FFD700 !important; /* ذهبي */
}
/* ✅ حركة لوجو تابي */
.styles__tabbyInfoLogo--f6bb4 {
  display: inline-block; /* مهم عشان التحريك يشتغل */
  animation: tabby-bounce 2s infinite ease-in-out;
}

@keyframes tabby-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
/* ✅ تغيير لون النص في أزرار الـaccordion داخل qa-accordion فقط */
.qa-accordion > button.accordion {
  color: #ffffff !important; /* يجعل النص أبيض */
}
/* ✅ حدود خفيفة للبطاقة الخاصة بتمارا */
.tamara-summary-widget__container {
  border: 1px solid #ddd; /* لون خفيف */
  border-radius: 8px;    /* زوايا ناعمة */
  background: transparent !important; /* بدون خلفية */
}
/* ✅ تخصيص الروابط الأربعة فقط داخل .contacts_items */
.contacts_items > a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff !important;               /* النص أبيض */
  background: linear-gradient(90deg, #01064b, #0b1d88); /* تدرج ألوان الهوية */
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  font-weight: 500;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  text-decoration: none;
}

/* ✅ عند مرور الفأرة أو الضغط يظهر تأثير البرق ويرتفع الزر */
.contacts_items > a:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(1, 6, 75, 0.4);
}

/* ✅ عند الضغط يتحرك للأسفل بخفة */
.contacts_items > a:active {
  transform: translateY(-1px) scale(0.98);
}

/* ✅ تحريك الأيقونات الأربعة بخفة */
.contacts_items > a i {
  display: inline-flex;
  animation: floatIcon 2s ease-in-out infinite;
}

@keyframes floatIcon {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
  100% { transform: translateY(0px); }
}
/* 🎨 تصميم أيقونات السوشال ميديا داخل ul.flex.mt-4 فقط */
ul.flex.mt-4 > li > a.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #01064b, #0b1d88); /* ألوان الهوية */
  color: #fff !important; /* يجعل لون الأيقونة أبيض */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: transform 0.25s ease, box-shadow 0.3s ease;
  text-decoration: none;
}

/* ✨ تأثير عند تمرير الماوس */
ul.flex.mt-4 > li > a.social-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(1, 6, 75, 0.4);
}

/* ⚡ تأثير عند الضغط */
ul.flex.mt-4 > li > a.social-link:active {
  transform: translateY(-2px) scale(0.97);
}

/* 🌟 تحريك الأيقونات بخفة */
ul.flex.mt-4 > li > a.social-link i {
  animation: floatIconSocial 2s ease-in-out infinite;
}

@keyframes floatIconSocial {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-3px); }
  100% { transform: translateY(0px); }
}
/* 🎨 خلفية الفوتر الرئيسية فقط */
.container.inner-container.footer-1 {
  background: linear-gradient(135deg, #01064b, #0b1d88); /* ← استبدل الألوان بألوان هويتك */
  padding: 2rem; /* مسافة داخلية بسيطة */
  border-radius: 8px; /* يعطي حواف ناعمة */
}
/* 🎨 خلفية الفوتر الرئيسي فقط */
.store-footer__inner {
  background: linear-gradient(135deg, #01064b, #0b1d88); /* ← استبدل بالألوان الأساسية لهويتك */
  padding: 2rem;
  border-radius: 8px;
}

/* ✍️ لجعل النصوص الداخلية باللون الأبيض حتى تكون واضحة */
.store-footer__inner,
.store-footer__inner a,
.store-footer__inner h3,
.store-footer__inner p,
.store-footer__inner span {
  color: #fff !important;
}

/* 🖼️ أيقونات السوشال ميديا داخل الفوتر تبقى واضحة */
.store-footer__inner .social-link i {
  color: #fff !important;
}
/* 🎬 تحريك شريط الدفع بالكامل */
.s-payments-list {
  display: flex;
  gap: 20px;              /* مسافة بين الأيقونات */
  animation: moveRightLeft 15s linear infinite;
  width: max-content;     /* حتى ما يقطع الحركة */
}

/* ✨ الحركة من اليمين لليسار */
@keyframes moveRightLeft {
  0% {
    transform: translateX(100%); /* يبدأ خارج الشاشة يمين */
  }
  100% {
    transform: translateX(-100%); /* ينتهي خارج الشاشة يسار */
  }
}
/* 🎨 تغيير اللون + حركة يمين ويسار */
h3.follow_us_title {
  color: #25D366 !important;   /* أخضر واتساب */
  display: inline-block;       /* حتى يقبل الحركة */
  animation: moveLeftRight 2.5s ease-in-out infinite;
}

/* ✨ حركة يمين يسار */
@keyframes moveLeftRight {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}
/* 🎨 حركة صعود ونزول للعنوان */
h3.contacts_title {
  display: inline-block; /* حتى يقبل الحركة */
  animation: floatUpDown 2.5s ease-in-out infinite;
}

/* ✨ الحركة للأعلى والأسفل */
@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
/* 🚀 إخفاء أي لوقو آخر موجود بجانب اليمين */
.footer-1__logo:last-child {
  display: none !important;
}

/* ✨ تعديل اللوقو الموجود في اليسار */
.footer-1__logo:first-child {
  display: block;
  margin: 0 auto; /* يوسّط اللوقو */
  width: 120px; /* تكبير الحجم */
  animation: electricFade 2.5s ease-in-out infinite; /* أسرع من السابق */
}

/* ⚡️ الحركة: يصغر ➝ يكبر ➝ يختفي مع كهرباء خفيف ➝ يرجع طبيعي */
@keyframes electricFade {
  0% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 0px #fff);
  }
  30% {
    transform: scale(1.15);
    opacity: 1;
    filter: drop-shadow(0 0 3px #00ffea) drop-shadow(0 0 6px #00ffea);
  }
  60% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 2px #00ffea);
  }
  80% {
    opacity: 0; /* يختفي مع شعاع كهربائي */
    transform: scale(1.05);
    filter: drop-shadow(0 0 6px #00ffea) drop-shadow(0 0 10px #00ffea);
  }
  100% {
    opacity: 1; /* يرجع طبيعي */
    transform: scale(1);
    filter: drop-shadow(0 0 0px #fff);
  }
}
/* 🚀 إخفاء أي شعار إضافي حتى ما يتأثر */
img.dark\:hidden:not([src*="oKayp/uMNPlFyVtx2izBGzhsLBCD6fHsXgbnNKkXX0AjbK.png"]) {
  display: none !important;
}

/* ✨ استهداف اللوقو المحدد فقط */
img.dark\:hidden[src*="oKayp/uMNPlFyVtx2izBGzhsLBCD6fHsXgbnNKkXX0AjbK.png"] {
  display: block;
  margin: 0 auto;       /* يوسّط الشعار */
  width: 130px;         /* حجم أكبر قليلًا */
  animation: electricFadeWhite 2.5s ease-in-out infinite;
}

/* ⚡️ الحركة: تكبير بسيط ➝ كهرباء أبيض ➝ يختفي ويرجع */
@keyframes electricFadeWhite {
  0% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 0px #fff);
  }
  30% {
    transform: scale(1.15);
    opacity: 1;
    filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #fff);
  }
  60% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 1px #fff);
  }
  80% {
    opacity: 0; /* يختفي مع شعاع كهربائي أبيض */
    transform: scale(1.05);
    filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 12px #fff);
  }
  100% {
    opacity: 1; /* يرجع طبيعي */
    transform: scale(1);
    filter: drop-shadow(0 0 0px #fff);
  }
}
span.coupon-text {
  color: #ffffff !important; /* لون أبيض */
}