/* =========================
   إصلاح شامل للمتجر
========================= */

/* منع السحب يمين */
html, body {
  overflow-x: hidden !important;
}

/* حذف الفراغ الوهمي */
.s-design-before--header,
.s-design-before,
#edit-header {
  display: none !important;
  height: 0 !important;
}

/* =========================
   الهيدر (ثابت ونظيف)
========================= */

.store-header {
  position: relative !important;
  background: #000 !important;
  z-index: 10;
}

.top-navbar,
.main-nav-container {
  background: #000 !important;
  box-shadow: none !important;
}

/* =========================
   إصلاح أول بلوك (إلغاء التخريب)
========================= */

.s-block:first-of-type {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================
   الفوتر
========================= */

.store-footer {
  background: transparent !important;
  margin: 0 !important;
  padding: 20px 0 !important;
}

/* حذف عنصر وهمي تحت الفوتر */
.store-footer + div {
  display: none !important;
}

/* =========================
   إخفاء Trust Badges
========================= */

salla-trust-badges,
.s-trust-badges-wrapper,
.s-trust-badges-content,
.s-trust-badges-image {
  display: none !important;
}

/* =========================
   FAQ
========================= */

.s-block-trust-faq {
  padding: 20px 0 !important;
}

.s-block-trust-faq-title {
  font-size: 18px !important;
  text-align: center;
  margin-bottom: 10px !important;
}

.s-block-trust-faq summary {
  font-size: 14px !important;
  padding: 10px !important;
  background: #111 !important;
  color: #fff !important;
  cursor: pointer;
}

.s-block-trust-faq p {
  font-size: 13px !important;
  padding: 10px !important;
  background: #0a0a0a !important;
  color: #aaa !important;
}

/* =========================
   إصلاح الجوال
========================= */

@media (max-width: 768px) {

  .products-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  body {
    font-size: 14px !important;
  }

}

/* =========================
   RGB البحث 🔥
========================= */

input[type="search"],
input[type="text"],
.s-search-input {
  border: 2px solid transparent !important;
  border-radius: 12px !important;

  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet) border-box !important;

  background-size: 300% 300% !important;
  animation: rgbMove 4s linear infinite !important;
}

/* حركة RGB */
@keyframes rgbMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}

/* نخلي السوشال في سطر */
.s-social-list {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

/* نضيف الشهادة بجنبها */
.s-social-list::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("PUT-YOUR-IMAGE-HERE");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}