/* ===== خلفية فضائية: أسود وأحمر داكن ونجوم ===== */
body {
  background-color: #050103 !important;

  background-image:
    radial-gradient(
      1px 1px at 25px 40px,
      #ffffffcc 95%, transparent
    ),
    radial-gradient(
      1px 1px at 110px 85px,
      #ffdcdca6 95%, transparent
    ),
    radial-gradient(
      1.5px 1.5px at 70px 150px,
      #ffffffbf 95%, transparent
    ),
    radial-gradient(
      ellipse at 20% 30%,
      #6400148c, transparent 55%
    ),
    radial-gradient(
      ellipse at 85% 75%,
      #4b000c80, transparent 60%
    ),
    linear-gradient(
      135deg, #030104, #130208 50%, #020103
    ) !important;

  background-size:
    197px 211px,
    307px 283px,
    419px 389px,
    cover,
    cover,
    cover !important;

  background-repeat:
    repeat, repeat, repeat,
    no-repeat, no-repeat, no-repeat !important;

  background-attachment: fixed !important;
}

/* ===== بطاقات المنتجات ===== */
:is(
  .s-product-card-entry,
  .product-card,
  .product-entry,
  .product-item
) {
  background: #160509 !important;
  border-color: #59202b !important;
  color: #f5e9ec !important;
  box-shadow: 0 0 0 1px #59202b !important;
}

/* ===== خلفية التفاصيل ومنطقة الصورة ===== */
/* لا يغيّر هذا ألوان الصورة نفسها */
:is(
  .s-product-card-entry,
  .product-card,
  .product-entry,
  .product-item
) :is(
  .s-product-card-content,
  .s-product-card-image,
  .product-card-content,
  .product-card-body,
  .product-details,
  .product-info,
  .product-image,
  .card-body,
  .card-footer
) {
  background: #160509 !important;
  color: #f5e9ec !important;
}

/* ===== أسماء المنتجات ===== */
:is(
  .s-product-card-entry,
  .product-card,
  .product-entry,
  .product-item
) :is(
  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-title,
  .product-title a,
  .product-name,
  .product-name a,
  h3,
  h3 a
) {
  color: #f5e9ec !important;
}

/* ===== أسعار المنتجات ===== */
:is(
  .s-product-card-entry,
  .product-card,
  .product-entry,
  .product-item
) :is(
  .s-product-card-price,
  .s-product-card-sale-price h4,
  .product-price,
  .price
) {
  color: #ff9ba9 !important;
}

/* ===== أزرار إضافة للسلة ===== */
:is(
  .s-product-card-entry,
  .product-card,
  .product-entry,
  .product-item
) :is(
  salla-add-product-button .s-button-element,
  .add-to-cart,
  .add-to-cart-btn
) {
  background: #420d19 !important;
  border-color: #853044 !important;
  color: #fff0f3 !important;
}
/* --- تعديل لون وصف المنتج ليصبح أبيض ناصع وواضح --- */
.product-description, 
.product-details, 
.s-product-details, 
.item-content, 
.product-details-description,
.product-desc,
.content-text,
.product-description p, 
.product-description span, 
.product-description li,
.product-details p {
  color: #ffffff !important; /* لون أبيض ناصع بالكامل */
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
}

.product-description strong, 
.product-description b,
.product-details strong {
  color: #d4af37 !important; /* الكلمات البارزة تصير باللون الذهبي الفاخر */
}
/* ===== هيدر بديل ثابت — يخفي هيدر الثيم الأصلي ويحل محله فعلياً ===== */

/* إخفاء الهيدر الأصلي الأبيض (بدون حذفه من الصفحة، حتى تفضل أزراره شغالة بالخلفية) */
header, .s-header, #header, .site-header {
  position:absolute !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

/* تعويض المساحة اللي كانت محجوزة للهيدر الأصلي حتى ما يصير قفزة بالتصميم */
body{ padding-top:0 !important; }

#zp-header-bar{
  position:fixed; top:0; right:0; left:0; z-index:2147483647;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 5vw;
  direction:rtl;
  background:rgba(10,8,8,0.92);
  backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(255,255,255,0.08);
  pointer-events:auto;
}
#zp-header-bar *{ box-sizing:border-box; pointer-events:auto; }
#zp-header-bar .side{ display:flex; align-items:center; gap:22px; position:relative; z-index:1; }

#zp-header-bar .icon{
  position:relative; width:34px; height:34px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
#zp-header-bar .icon svg{ width:23px; height:23px; fill:none; stroke:#fff; stroke-width:1.6; pointer-events:none; }

#zp-header-bar .cart-badge{
  position:absolute; top:-7px; left:-7px; min-width:16px; height:16px; padding:0 3px;
  border-radius:50%; background:#d3241f; color:#fff; font-size:0.62rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}

#zp-header-bar .logo img{ height:32px; display:block; max-width:120px; object-fit:contain; }

#zp-header-bar .menu-icon{
  width:34px; height:34px; display:flex; flex-direction:column; justify-content:center; gap:5px; cursor:pointer;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
#zp-header-bar .menu-icon span{ display:block; height:2px; width:26px; background:#fff; border-radius:1px; pointer-events:none; }

/* دفعة أول قسم بالصفحة لتحت بمقدار ارتفاع الشريط الجديد حتى ما يتغطى */
body > *:not(#zp-header-bar):first-of-type,
main{
  margin-top:60px;
}

@media (max-width:480px){
  #zp-header-bar{ padding:12px 4vw; }
  #zp-header-bar .side{ gap:16px; }
  #zp-header-bar .logo img{ height:26px; }
}