/* ============================================
   تصميم مخصص لمتجر سلة — بنفس روح "اشتراكاتي"
   بنفسجي غامق + ذهبي، بطاقات منتجات بارزة
   ============================================
   طريقة التركيب:
   لوحة تحكم سلة ← تصميم المتجر ← الثيمات ← تخصيص ← CSS
   الصق هذا الكود كامل فقط (بدون وسم <style>)
   ثم اضغط حفظ
   ============================================ */

/* 1) نظام الألوان — متغيرات CSS تُستخدم غالباً في ثيمات سلة (Vex/Raed) */
:root {
  --color-primary: #3b1e6d !important;
  --color-primary-light: #5a3a9c !important;
  --color-primary-dark: #241245 !important;
  --color-secondary: #d4af37 !important; /* الذهبي */
  --btn-primary-bg: #3b1e6d !important;
  --btn-primary-color: #ffffff !important;
  --main-color: #3b1e6d !important;
  --font-color: #1f1230 !important;
  --price-color: #d4af37 !important;
}

/* 2) خلفية عامة وخط الصفحة */
body {
  background-color: #f8f6fb !important;
  color: #1f1230 !important;
}

/* 3) الهيدر / الشريط العلوي */
header,
.s-header,
.header,
.main-header {
  background: linear-gradient(135deg, #3b1e6d 0%, #241245 100%) !important;
  color: #ffffff !important;
}
header a,
.s-header a,
.header .nav-link {
  color: #ffffff !important;
}
header a:hover,
.s-header a:hover {
  color: #d4af37 !important;
}

/* 4) شريط الإعلان العلوي (كوبون الخصم مثلاً) */
.announcement-bar,
.top-bar,
.s-announcement-bar {
  background-color: #d4af37 !important;
  color: #241245 !important;
  font-weight: 700 !important;
}

/* 5) البانر / السلايدر الرئيسي */
.hero,
.main-slider,
.s-block-slider,
.slider-item {
  background: linear-gradient(160deg, #3b1e6d 0%, #6b3fa0 60%, #241245 100%) !important;
  color: #ffffff !important;
  border-radius: 18px !important;
}
.hero h1,
.hero h2,
.main-slider h1 {
  color: #ffffff !important;
}
.hero .btn,
.main-slider .btn {
  background-color: #d4af37 !important;
  color: #241245 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* 6) بطاقات المنتجات */
.product-card,
.s-product-card,
.s-block-product-card,
.product-entry,
.product-item {
  background: #ffffff !important;
  border: 1px solid #ece6f5 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(59, 30, 109, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
}
.product-card:hover,
.s-product-card:hover,
.s-block-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(59, 30, 109, 0.16) !important;
}

/* اسم المنتج */
.product-card .product-title,
.s-product-card__title,
.product-entry__title {
  color: #241245 !important;
  font-weight: 700 !important;
}

/* السعر */
.product-card .price,
.s-product-card__price,
.price,
.product-price {
  color: #d4af37 !important;
  font-weight: 800 !important;
  font-size: 1.15em !important;
}

/* السعر قبل الخصم (مشطوب) */
.price del,
.old-price,
.price-before {
  color: #a89bbf !important;
  text-decoration: line-through !important;
}

/* 7) شارة "ضمان ذهبي" / بادجات المنتج */
.badge,
.product-badge,
.s-product-card__badge {
  background-color: #d4af37 !important;
  color: #241245 !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
}

/* 8) أزرار الشراء / الأزرار الأساسية */
.btn,
.btn-primary,
button.add-to-cart,
.s-button,
salla-button::part(button) {
  background-color: #3b1e6d !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 700 !important;
  transition: background-color 0.2s ease !important;
}
.btn:hover,
.btn-primary:hover,
button.add-to-cart:hover {
  background-color: #241245 !important;
}

/* زر ثانوي (واتساب مثلاً) */
.btn-outline,
.btn-secondary {
  background-color: transparent !important;
  border: 2px solid #3b1e6d !important;
  color: #3b1e6d !important;
  border-radius: 999px !important;
}

/* 9) التقييمات (النجوم) */
.rating,
.stars,
.s-rating {
  color: #d4af37 !important;
}

/* 10) قسم التصنيفات / التبويبات (الكل - عمل - إبداع - ترفيه) */
.tabs .tab,
.category-tabs .tab-item,
.s-tabs__item {
  border-radius: 999px !important;
  padding: 6px 18px !important;
  font-weight: 600 !important;
  color: #3b1e6d !important;
  background: #f1ecfa !important;
}
.tabs .tab.active,
.category-tabs .tab-item.active,
.s-tabs__item.active {
  background: #3b1e6d !important;
  color: #ffffff !important;
}

/* 11) قسم "كيف نشتغل" — خطوات مرقّمة بدوائر ذهبية */
.steps .step-number,
.how-it-works .number {
  background-color: #d4af37 !important;
  color: #241245 !important;
  border-radius: 50% !important;
  font-weight: 800 !important;
}

/* 12) بطاقات آراء العملاء */
.testimonial,
.review-card,
.s-review-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid #ece6f5 !important;
  box-shadow: 0 4px 14px rgba(59, 30, 109, 0.06) !important;
}
.testimonial .stars,
.review-card .stars {
  color: #d4af37 !important;
}

/* 13) الفوتر */
footer,
.s-footer,
.main-footer {
  background: #241245 !important;
  color: #e6e1f2 !important;
}
footer a,
.s-footer a {
  color: #d4af37 !important;
}

/* 14) عناصر عامة إضافية */
h1, h2, h3, h4 {
  color: #241245 !important;
}
a {
  color: #3b1e6d !important;
}
(function () {

  function cleanTopNavbar() {

    const nav = document.querySelector(".top-navbar");

    if (!nav) return;

    const hideTexts = [
      "سياسة الاستخدام والخصوصية",
      "سياسة الاستبدال والإسترجاع",
      "سياسة الاستبدال والاسترجاع",
      "من نحن"
    ];

    nav.querySelectorAll("a").forEach(function (link) {

      const text = link.textContent
        .replace(/\s+/g, " ")
        .trim();

      /* إخفاء البريد */
      if (
        link.href &&
        (
          link.href.includes("mailto:") ||
          text.includes("rqmya82@gmail.com")
        )
      ) {
        link.style.setProperty(
          "display",
          "none",
          "important"
        );

        return;
      }

      /* إخفاء الروابط القانونية */
      if (
        hideTexts.some(function (item) {
          return text.includes(item);
        })
      ) {

        const parent =
          link.closest("li") || link;

        parent.style.setProperty(
          "display",
          "none",
          "important"
        );
      }

    });

  }

  cleanTopNavbar();

  setTimeout(cleanTopNavbar, 500);
  setTimeout(cleanTopNavbar, 1500);
  setTimeout(cleanTopNavbar, 3000);

})();
(function () {

  function removeTopNavbar() {

    // نطبّق الإخفاء على صفحات المنتجات فقط
    if (!document.body || !document.body.classList.contains("product-single")) {
      return;
    }

    const nav = document.querySelector("header.store-header .top-navbar");

    if (nav) {
      nav.remove();
    }
  }

  // تنفيذ مباشر
  removeTopNavbar();

  // إعادة المحاولة بعد تحميل الصفحة
  setTimeout(removeTopNavbar, 300);
  setTimeout(removeTopNavbar, 1000);
  setTimeout(removeTopNavbar, 2000);
  setTimeout(removeTopNavbar, 4000);

  // مراقبة أي إعادة إنشاء للشريط بواسطة سلة
  const observer = new MutationObserver(function () {
    removeTopNavbar();
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });

})();