/* 🌌 خلفية متدرجة متحركة */
body{
  --color1:#001066;--color2:#0026b9;--color3:#00a9ff;
  background:linear-gradient(135deg,var(--color1),var(--color2),var(--color3));
  background-size:200% 200%;
  animation:moveGradient 20s ease-in-out infinite;
  min-height:100vh;overflow-x:hidden;position:relative;
}
@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* طبقة ديناميكية (اختياري: ضع عنصر <div id="dynamic-bg"></div> في القالب إن أردت الشعار/الأيقونات) */
#dynamic-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#dynamic-bg::before{
  content:"";position:absolute;top:50%;left:50%;width:280px;height:280px;
  background:url("YOUR_LOGO_URL_HERE") center/contain no-repeat;opacity:.08;
  transform:translate(-50%,-50%);animation:floatLogo 8s ease-in-out infinite,glowLogo 6s ease-in-out infinite;filter:drop-shadow(0 0 25px #00a9ff)
}
@keyframes floatLogo{0%,100%{transform:translate(-50%,-52%) scale(1)}50%{transform:translate(-50%,-48%) scale(1.05)}}
@keyframes glowLogo{0%,100%{filter:drop-shadow(0 0 10px #00a9ff)}50%{filter:drop-shadow(0 0 35px #00a9ff)}}
#dynamic-bg::after{
  content:"";position:absolute;top:15%;left:8%;width:160px;height:160px;
  background:url("https://upload.wikimedia.org/wikipedia/commons/9/97/DualSense_controller_transparent.png") center/contain no-repeat;
  opacity:.07;transform:rotate(-10deg);animation:movePS5 18s ease-in-out infinite alternate
}
@keyframes movePS5{0%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-25px) rotate(-8deg)}100%{transform:translateY(0) rotate(-10deg)}}
#xbox-bg{position:absolute;bottom:10%;right:10%;width:180px;height:180px;background:url("https://upload.wikimedia.org/wikipedia/commons/8/82/Xbox_Series_X_controller_white.png") center/contain no-repeat;opacity:.07;transform:rotate(15deg);animation:moveXbox 20s ease-in-out infinite alternate}
@keyframes moveXbox{0%{transform:translateY(0) rotate(15deg)}50%{transform:translateY(25px) rotate(17deg)}100%{transform:translateY(0) rotate(15deg)}}

@media (prefers-color-scheme:dark){
  body{--color1:#000814;--color2:#001a4d;--color3:#003399}
}
@media (max-width:768px){
  #dynamic-bg::before{width:180px;height:180px;opacity:.06}
  #dynamic-bg::after,#xbox-bg{width:120px;height:120px;opacity:.05}
}

/* ─────────────────────────────────────────────────────────── */
/* 🎯 قواعد ألوان ذكية حسب الخلفية */
/* 1) فوق الخلفية المتدرجة/الزرقاء: نص أبيض واضح */
.hero,.hero *,.banner,.banner *,.on-gradient,.on-gradient *,.header-on-gradient,.header-on-gradient *{
  color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.35)
}

/* 2) داخل الأسطح/الصناديق البيضاء: نص أسود واضح */
.bg-white,.bg-white *,.section.bg-white,.product-card,.product-card *,.s-product-card,.s-product-card *,.footer,.footer *,.store-footer,.store-footer *, .cart,.cart *,.checkout,.checkout *{
  color:#111 !important;text-shadow:none !important
}

/* صفحة المنتج: لو عندك بلوكات بيضاء داخل الصفحة خليها سوداء، والباقي (المكشوف على الخلفية) أبيض */
.product-page .bg-white,.product-details .bg-white,.s-product-info .bg-white,
.product-page .bg-white *,.product-details .bg-white *,.s-product-info .bg-white *{color:#111 !important;text-shadow:none !important}
.product-page:not(.bg-white),.product-details:not(.bg-white),.s-product-info:not(.bg-white){color:#fff !important}
.product-page > *:not(.bg-white) *, .product-details > *:not(.bg-white) *, .s-product-info > *:not(.bg-white) *{color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.35)}

/* ─────────────────────────────────────────────────────────── */
/* 🏷 عناوين المنتجات (في كل القوائم/الكروت/السلايدر) */
.s-product-card-content-title a,.product-card h3 a,.product-item h3 a,.product-card-content h3 a{
  color:#111 !important;font-weight:700;text-shadow:none;transition:color .2s ease
}
.s-product-card-content-title a:hover,.product-card h3 a:hover,.product-item h3 a:hover{color:#005ef5 !important}

/* 💰 الأسعار (عام) فوق الخلفيات البيضاء */
.price,.s-price,.s-product-price,.product-price,.starting-or-normal-price h2,.price_is_on_sale h2,.price_is_on_sale span{color:#111 !important;font-weight:700}
.price--new,.price-new,.s-product-price-new{color:#d32f2f !important}
.price--old,.price-old,.s-product-price-old{color:#777 !important;text-decoration:line-through}

/* 💙 شارات/نصوص الخصم */
#has_discount,.s-product-card-content-sub div span,span.discount,.label-discount{color:#007aff !important;font-weight:700}

/* 🔢 إدخال الكمية */
salla-quantity-input input,input[type="number"]{color:#111 !important;border:1px solid #ccc !important}

/* 🛒 السلة/الملخص الجانبي */
.cart .price,.checkout .price,.cart .total,.checkout .total,#sub-total,#tax-amount{color:#111 !important;font-weight:700}

/* 💬 التقييمات */
.s-reviews-testimonial__text p{color:#007aff !important;font-weight:500;line-height:1.8}
.s-reviews-testimonial__info h2{color:#111 !important;font-weight:700}

/* ─────────────────────────────────────────────────────────── */
/* 🔘 الأزرار الرئيسية: أزرق بخط أبيض */
salla-add-product-button button,
button.salla-button-primary,.salla-button-primary,
button[type="submit"],.s-button-primary{
  background-color:#007aff !important;color:#fff !important;font-weight:700;
  border:none !important;border-radius:8px;padding:12px 24px;transition:all .25s ease-in-out
}
salla-add-product-button button:hover,.salla-button-primary:hover,button[type="submit"]:hover{background-color:#005fe0 !important;transform:scale(1.03)}
salla-add-product-button button:active,.salla-button-primary:active,button[type="submit"]:active{background-color:#004bbd !important;transform:scale(.98)}

/* ─────────────────────────────────────────────────────────── */
/* 👣 الفوتر (خلفية بيضاء) */
footer,footer *,.store-footer,.store-footer *,.store-footer_inner,.store-footer_inner *{color:#111 !important;text-shadow:none;font-weight:500}
footer a,.store-footer a{color:#111 !important;text-decoration:none;transition:color .2s ease}
footer a:hover,.store-footer a:hover{color:#005ef5 !important}
/* ✨ إجبار نص صفحة المنتج فوق الخلفية الزرقاء على الأبيض */
[id^="product-"] .main-content,
[id^="product-"] .main-content * {
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.45) !important;
}

/* استثناء: أي صندوق أبيض داخل صفحة المنتج نخليه أسود */
[id^="product-"] .main-content .bg-white,
[id^="product-"] .main-content .bg-white * {
  color: #111111 !important;
  text-shadow: none !important;
}

/* أسعار صفحة المنتج فوق الخلفية الزرقاء */
[id^="product-"] .main-content .starting-or-normal-price h2,
[id^="product-"] .main-content .price_is_on_sale h2,
[id^="product-"] .main-content .price_is_on_sale span,
[id^="product-"] .main-content .price,
[id^="product-"] .main-content .s-product-price {
  color: #ffffff !important;
}

/* خصم وأرقام قبل/بعد الخصم */
[id^="product-"] .main-content .price--new,
[id^="product-"] .main-content .price-new,
[id^="product-"] .main-content .s-product-price-new { color: #ff4d4d !important; }
[id^="product-"] .main-content .price--old,
[id^="product-"] .main-content .price-old,
[id^="product-"] .main-content .s-product-price-old {
  color: rgba(255,255,255,.7) !important; text-decoration: line-through;
}
/* 🖤 إجبار أسعار صفحة المنتج داخل الصناديق البيضاء على الأسود */
[id^="product-"] .main-content .bg-white,
[id^="product-"] .main-content .bg-white *,
[id^="product-"] .main-content .sticky-product-bar,
[id^="product-"] .main-content .sticky-product-bar *,
[id^="product-"] form section.flex.bg-white,
[id^="product-"] form section.flex.bg-white *{
  color:#111 !important;
  text-shadow:none !important;
}

/* السعر داخل الصندوق الأبيض مباشرة */
[id^="product-"] .main-content .price-wrapper h2,
[id^="product-"] .main-content .starting-or-normal-price h2,
[id^="product-"] .main-content .price_is_on_sale h2,
[id^="product-"] .main-content .price_is_on_sale span,
[id^="product-"] .main-content .s-product-price,
[id^="product-"] .main-content .product-price{
  color:#111 !important;
  text-shadow:none !important;
}

/* استثناء الخصم: يبقى أحمر */
[id^="product-"] .main-content .price--new,
[id^="product-"] .main-content .price-new,
[id^="product-"] .main-content .s-product-price-new,
[id^="product-"] .main-content .price_is_on_sale span[style*="color"]{
  color:#d32f2f !important;
}
/* ⭐ آراء العملاء – تعميم الألوان لكل الحالات */

/* نصّ التقييم */
.s-reviews-testimonial__text p,
.swiper-slide .s-reviews-testimonial__text p,
.s-reviews-swiper-slide .s-reviews-testimonial__text p{
  color:#007aff !important;      /* أزرق متناسق */
  font-weight:500;
  line-height:1.8;
  text-shadow:none !important;
}

/* اسم العميل */
.s-reviews-testimonial__info h2,
.s-reviews-testimonial__info .name{
  color:#111 !important;         /* أسود واضح */
  font-weight:700;
  text-shadow:none !important;
}

/* تفاصيل إضافية (تاريخ/منصة…) */
.s-reviews-testimonial__info small,
.s-reviews-testimonial__meta{
  color:rgba(17,17,17,.65) !important;
}

/* النجوم */
.s-reviews-testimonial__rating .sicon-star,
.s-reviews-testimonial__rating svg{
  color:#f5b800 !important;
  fill:#f5b800 !important;
}

/* لو التقييم داخل كرت أبيض، خلِّ النص أسود */
.bg-white .s-reviews-testimonial__text p,
.bg-white .s-reviews-testimonial__info h2,
.bg-white .s-reviews-testimonial__info .name,
.bg-white .s-reviews-testimonial__meta{
  color:#111 !important;
  text-shadow:none !important;
}
google-site-verification: google1627a47f8a5d7b3e.html