/* Add custom CSS styles below */ 
/* ===== SPACER — سماوي وأبيض (لثيم سيليا) ===== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root {
  --sp-sky: #7bc5f6;
  --sp-sky-soft: #eaf6fe;
  --sp-sky-line: #d3ecfc;
  --sp-ink: #0f4c75;
  --sp-muted: #3d6f94;
  --color-primary: #7bc5f6;
  --color-primary-dark: #5fb3ec;
  --color-primary-light: #a9dafa;
  --color-primary-reverse: #0f4c75;
}

body, button, input, select, textarea {
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}
body { background: #fff !important; color: var(--sp-ink) !important; }

/* الهيدر */
header, .store-header, .main-nav-container {
  background: #fff !important;
  border-bottom: 1px solid var(--sp-sky-line) !important;
  box-shadow: none !important;
}

/* الأزرار: سماوي ونص أزرق غامق */
.btn--primary, .s-button-primary, salla-button button, salla-add-product-button button,
button[type="submit"] {
  background: var(--sp-sky) !important;
  border-color: var(--sp-sky) !important;
  color: var(--sp-ink) !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
}

/* بطاقات المنتجات */
.s-product-card-entry {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.s-product-card-image { background: var(--sp-sky-soft) !important; border-radius: 0 !important; }
.s-product-card-image img { transition: transform .5s ease; }
.s-product-card-entry:hover .s-product-card-image img { transform: scale(1.04); }
.s-product-card-content-title a { color: var(--sp-ink) !important; font-weight: 500 !important; }
.s-product-card-price, .s-product-card-sale-price h4 { color: var(--sp-ink) !important; font-weight: 600 !important; }
.s-product-card-promotion-title, .promotion-title {
  background: var(--sp-sky) !important; color: var(--sp-ink) !important;
  border-radius: 0 !important; font-weight: 600 !important;
}

/* عناوين الأقسام */
.s-block__title h2, section h2 { color: var(--sp-ink) !important; font-weight: 600 !important; }

/* البنرات والصور */
.banner-entry, .s-slider-block__slide, section img { border-radius: 0 !important; }

/* الفوتر */
footer, .store-footer { background: var(--sp-sky) !important; color: var(--sp-ink) !important; }
footer a, .store-footer a, footer p, .store-footer p { color: var(--sp-ink) !important; }

/* ===== الأقسام المضافة بالجافاسكربت ===== */
.sp-marquee {
  background: #fff; color: var(--sp-ink);
  border-bottom: 1.5px solid var(--sp-sky);
  overflow: hidden; white-space: nowrap; direction: ltr;
  font-size: 12px; font-weight: 700; letter-spacing: .3em; padding: 13px 0;
}
.sp-marquee__track { display: inline-block; animation: sp-marq 18s linear infinite; }
.sp-marquee__track span { color: var(--sp-sky); }
@keyframes sp-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .sp-marquee__track { animation: none; } }

/* زر «أضف للسلة» الثابت تحت الشاشة (جوال) */
.sp-sticky {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
  display: flex; align-items: center; gap: 12px;
  background: #fff; border-top: 1.5px solid var(--sp-sky);
  padding: 10px max(16px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
  box-shadow: 0 -6px 18px rgba(15, 76, 117, .08);
}
.sp-sticky[hidden] { display: none !important; }
.sp-sticky__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sp-sticky__name { font-size: 13px; font-weight: 600; color: var(--sp-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-sticky__size { font-size: 12px; color: var(--sp-muted); }
.sp-sticky__size.sp-need { color: var(--sp-ink); font-weight: 700; }
.sp-sticky__btn {
  flex: none; height: 48px; padding: 0 26px; border: 0; cursor: pointer;
  background: var(--sp-sky); color: var(--sp-ink); font: inherit; font-size: 15px; font-weight: 700;
}
.sp-sticky__btn:focus-visible { outline: 2px solid var(--sp-ink); outline-offset: 2px; }
body.sp-has-sticky { padding-bottom: 76px !important; }
.sp-flash { animation: sp-flash 1.2s ease 2; }
@keyframes sp-flash { 0%, 100% { box-shadow: none; } 50% { box-shadow: 0 0 0 3px var(--sp-sky); } }
@media (prefers-reduced-motion: reduce) { .sp-flash { animation: none; outline: 3px solid var(--sp-sky); } }