/* Add custom CSS styles below */


/* =========================
   COINSTAR - MAIN BACKGROUND
   ========================= */

body {
  background:
    radial-gradient(circle at 20% 10%, rgba(148, 0, 255, 0.18), transparent 30%),
    radial-gradient(circle at 80% 20%, rgba(108, 0, 255, 0.14), transparent 35%),
    linear-gradient(180deg, #0a0014 0%, #120022 45%, #080010 100%) !important;
}


/* نخلي الهيدر أبيض ونظيف */
header,
.store-header,
.navbar,
.main-nav {
  background: #ffffff !important;
}


/* =========================
   MAIN CONTENT
   ========================= */

main,
.s-main,
.s-page {
  background: transparent !important;
}


/* =========================
   CATEGORY / QUICK LINKS AREA
   ========================= */

section:has(.s-category-card),
.s-categories-slider,
section:has(.s-slider-block__title) {
  background: transparent !important;
}


/* بطاقات الأقسام */
.s-category-card,
.s-categories-slider .s-category-card,
a.s-category-card {
  background: linear-gradient(
    145deg,
    #18002d 0%,
    #2a0054 55%,
    #3b0075 100%
  ) !important;

  border: 1px solid rgba(185, 90, 255, 0.28) !important;
  border-radius: 18px !important;

  box-shadow:
    0 10px 25px rgba(0, 0, 0, 0.22),
    inset 0 0 18px rgba(170, 0, 255, 0.05) !important;

  color: #ffffff !important;
}


/* نصوص الأقسام */
.s-category-card *,
.s-categories-slider .s-category-card * {
  color: #ffffff !important;
}


/* أيقونات الأقسام */
.s-category-card svg,
.s-categories-slider svg {
  color: #b85cff !important;
  stroke: #b85cff !important;
}


/* عنوان تسوق حسب القسم */
.s-categories-slider h2,
.s-slider-block__title h2,
.s-slider-block__title-right h2 {
  color: #ffffff !important;
}


/* =========================
   BEST SELLERS / PRODUCT SLIDER
   ========================= */

section[data-testid="store-home-products-slider"] {
  background: linear-gradient(
    135deg,
    #10001d 0%,
    #240045 50%,
    #4b0090 100%
  ) !important;

  border-radius: 24px !important;
  padding: 24px 0 28px !important;
  margin-top: 18px !important;
  margin-bottom: 18px !important;

  box-shadow: 0 12px 30px rgba(74, 0, 140, 0.24) !important;
}


/* عنوان القسم */
section[data-testid="store-home-products-slider"]
.s-slider-block__title h2 {
  color: #ffffff !important;
}


/* عرض الكل */
section[data-testid="store-home-products-slider"]
.s-slider-block__title-left,
section[data-testid="store-home-products-slider"]
.s-slider-block__title-left a {
  color: #ffffff !important;
}


/* =========================
   PRODUCT CARDS
   ========================= */

section[data-testid="store-home-products-slider"]
custom-salla-product-card,
section[data-testid="store-home-products-slider"]
.s-product-card-entry {
  background: linear-gradient(
    180deg,
    #19002f 0%,
    #240044 100%
  ) !important;

  border: 1px solid rgba(177, 74, 255, 0.28) !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}


/* خلفية صورة المنتج */
section[data-testid="store-home-products-slider"]
.s-product-card-image {
  background: linear-gradient(
    145deg,
    #240041 0%,
    #360064 100%
  ) !important;
}


/* منطقة معلومات المنتج */
section[data-testid="store-home-products-slider"]
.s-product-card-content,
section[data-testid="store-home-products-slider"]
.s-product-card-content-main,
section[data-testid="store-home-products-slider"]
.s-product-card-content-sub,
section[data-testid="store-home-products-slider"]
.s-product-card-content-footer {
  background: transparent !important;
}


/* نصوص المنتج */
section[data-testid="store-home-products-slider"]
.s-product-card-content *,
section[data-testid="store-home-products-slider"]
.s-product-card-content-main * {
  color: #ffffff !important;
}


/* أزرار المنتج */
section[data-testid="store-home-products-slider"] button {
  border-color: rgba(196, 109, 255, 0.35) !important;
}


/* =========================
   FEATURES / STORE BENEFITS
   ========================= */

section[data-testid="store-home-features"],
.s-block--features,
.store-features {
  background: transparent !important;
}


/* بطاقات المميزات */
section[data-testid="store-home-features"] > div > div,
.s-block--features > div > div {
  background: linear-gradient(
    145deg,
    #170029 0%,
    #260047 100%
  ) !important;

  border: 1px solid rgba(181, 77, 255, 0.22) !important;
  border-radius: 18px !important;
}


/* نصوص المميزات */
section[data-testid="store-home-features"] *,
.s-block--features * {
  color: #ffffff !important;
}


/* =========================
   FOOTER
   ========================= */

footer {
  background: linear-gradient(
    180deg,
    #0b0014 0%,
    #06000c 100%
  ) !important;

  color: #ffffff !important;
}


/* كل نصوص الفوتر */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer p,
footer span,
footer a,
footer li {
  color: #ffffff !important;
}


/* أيقونات الفوتر */
footer svg {
  color: #b85cff !important;
  stroke: #b85cff !important;
}


/* =========================
   MOBILE TUNING
   ========================= */

@media (max-width: 768px) {

  body {
    background:
      linear-gradient(180deg, #0b0014 0%, #160027 55%, #080010 100%) !important;
  }

  section[data-testid="store-home-products-slider"] {
    border-radius: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }

  .s-category-card {
    border-radius: 15px !important;
  }

}
/* =========================
   COINSTAR - CATEGORY CARDS
   ========================= */

/* بطاقة القسم نفسها */
.slide--cat-entry {
  background: linear-gradient(
    145deg,
    #16002d 0%,
    #2b0057 55%,
    #430080 100%
  ) !important;

  border: 1px solid rgba(190, 90, 255, 0.35) !important;
  border-radius: 18px !important;

  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.24),
    inset 0 0 18px rgba(173, 58, 255, 0.07) !important;

  color: #ffffff !important;
}


/* جميع النصوص داخل القسم */
.slide--cat-entry *,
.slide--cat-entry span,
.slide--cat-entry p,
.slide--cat-entry h3 {
  color: #ffffff !important;
}


/* الأيقونة */
.slide--cat-entry svg {
  color: #c15cff !important;
  stroke: #c15cff !important;
}


/* إزالة أي خلفية بيضاء من الحاوية */
.slide--one-sixth {
  background: transparent !important;
}


/* تحسين شكل الأقسام في الجوال */
@media (max-width: 768px) {

  .slide--cat-entry {
    border-radius: 16px !important;
    min-height: 150px !important;
  }

}
/* =========================
   COINSTAR - FOOTER FIX
   ========================= */

/* الحاوية الرئيسية للفوتر */
footer,
.footer,
.store-footer,
.salla-footer {
  background: linear-gradient(
    180deg,
    #10001d 0%,
    #08000f 100%
  ) !important;

  color: #ffffff !important;
}


/* أي طبقة داخلية فاتحة داخل الفوتر */
footer > div,
.footer > div,
.store-footer > div,
.salla-footer > div {
  background: transparent !important;
}


/* النصوص */
footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer span,
footer a,
footer li,
.footer h1,
.footer h2,
.footer h3,
.footer p,
.footer span,
.footer a {
  color: #ffffff !important;
}


/* الروابط */
footer a:hover,
.footer a:hover {
  color: #c15cff !important;
}


/* أيقونة التواصل */
footer svg,
.footer svg {
  color: #b85cff !important;
  stroke: #b85cff !important;
}


/* خط فاصل خفيف أعلى الفوتر */
footer {
  border-top: 1px solid rgba(184, 92, 255, 0.20) !important;
}
/* =========================
   COINSTAR - PRODUCT IMAGE SIZE
   ========================= */

/* نصغّر صورة المنتج داخل البطاقة */
section[data-testid="store-home-products-slider"]
.s-product-card-image img {
  width: 82% !important;
  height: auto !important;
  max-height: 230px !important;
  object-fit: contain !important;
  margin: 12px auto !important;
  display: block !important;
}

/* نعطي مساحة بنفسجية حول الصورة */
section[data-testid="store-home-products-slider"]
.s-product-card-image {
  padding: 10px !important;
  background: linear-gradient(
    145deg,
    #1a0033 0%,
    #320061 100%
  ) !important;
  border-radius: 16px 16px 0 0 !important;
}

/* تحسين الجوال */
@media (max-width: 768px) {
  section[data-testid="store-home-products-slider"]
  .s-product-card-image img {
    width: 76% !important;
    max-height: 190px !important;
    margin: 10px auto !important;
  }
}
/* =========================
   COINSTAR - CUSTOMER REVIEW CARD
   ========================= */

/* خلفية بطاقة تعليق العميل */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial {
    background: linear-gradient(
        145deg,
        #16002d 0%,
        #2b0057 55%,
        #430080 100%
    ) !important;

    border: 1px solid rgba(190, 90, 255, 0.35) !important;
    border-radius: 20px !important;
    overflow: hidden !important;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}


/* إزالة الأبيض من داخل البطاقة */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__inner {
    background: transparent !important;
}


/* نص التعليق */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__text p {
    color: #ffffff !important;
}


/* اسم العميل */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__name_wrapper,
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__name_wrapper * {
    color: #ffffff !important;
}
/* ===== جعل جميع نصوص وصف المنتج باللون الأبيض ===== */

[data-testid="store-product-description"],
[data-testid="store-product-description"] article,
[data-testid="store-product-description"] p,
[data-testid="store-product-description"] span,
[data-testid="store-product-description"] strong,
[data-testid="store-product-description"] b,
[data-testid="store-product-description"] li,
[data-testid="store-product-description"] h1,
[data-testid="store-product-description"] h2,
[data-testid="store-product-description"] h3,
[data-testid="store-product-description"] h4,
[data-testid="store-product-description"] h5,
[data-testid="store-product-description"] h6 {
    color: #ffffff !important;
}
/* =========================================
   COINSTAR - إصلاح ألوان صفحة المنتج
   ========================================= */

/* اسم المنتج */
[data-testid="store-product-title"] {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* السعر الموجود تحت اسم المنتج */
[data-testid="store-product-price"],
[data-testid="store-product-price"] * {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* مسار الأقسام أعلى صفحة المنتج */
.breadcrumb,
.breadcrumb *,
.breadcrumbs,
.breadcrumbs *,
salla-breadcrumb,
salla-breadcrumb *,
[data-testid*="breadcrumb"],
[data-testid*="breadcrumb"] * {
    color: #ffffff !important;
}

/* وصف المنتج بالكامل */
[data-testid="store-product-description"],
[data-testid="store-product-description"] article,
[data-testid="store-product-description"] p,
[data-testid="store-product-description"] span,
[data-testid="store-product-description"] strong,
[data-testid="store-product-description"] b,
[data-testid="store-product-description"] li,
[data-testid="store-product-description"] h1,
[data-testid="store-product-description"] h2,
[data-testid="store-product-description"] h3,
[data-testid="store-product-description"] h4,
[data-testid="store-product-description"] h5,
[data-testid="store-product-description"] h6 {
    color: #ffffff !important;
}

/* الروابط داخل وصف المنتج */
[data-testid="store-product-description"] a {
    color: #c85cff !important;
}
/* =========================
   COINSTAR - HEADER DARK
   ========================= */

header[data-testid="store-header"],
.store-header {
    background: linear-gradient(
        180deg,
        #0b0016 0%,
        #16002b 100%
    ) !important;

    border-bottom: 1px solid rgba(180, 70, 255, 0.18) !important;
}

/* أي طبقات داخلية في الهيدر */
header[data-testid="store-header"] > div,
.store-header > div {
    background: transparent !important;
}

/* أيقونات الهيدر */
header[data-testid="store-header"] svg,
.store-header svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* أي نص داخل الهيدر */
header[data-testid="store-header"] *,
.store-header * {
    color: #ffffff !important;
}

/* إبقاء زر القائمة بنفسجي */
header[data-testid="store-header"] .text-primary,
.store-header .text-primary {
    color: #a92cff !important;
}

/* منطقة البحث لو كانت داخل الهيدر */
header[data-testid="store-header"] input,
.store-header input {
    background: #190031 !important;
    color: #ffffff !important;
    border-color: rgba(180, 70, 255, 0.25) !important;
}

/* لون placeholder */
header[data-testid="store-header"] input::placeholder,
.store-header input::placeholder {
    color: #bcb4c9 !important;
}
/* إصلاح خلفية قسم التعليقات في صفحة المنتج */
.product-single .s-comments-product {
    background-color: #160020 !important;
    color: #ffffff !important;
}
/* =========================
   COINSTAR - CATEGORY PAGE TEXT
   ========================= */

/* عدد المنتجات / عنوان صفحة القسم */
#page-main-title,
#page-main-title span {
    color: #ffffff !important;
}

/* ترتيب حسب */
.container--products-list select,
.container--products-list option {
    color: #ffffff !important;
}

/* خلفية قائمة الترتيب */
.container--products-list select {
    background: #1a0033 !important;
    border: 1px solid rgba(180, 70, 255, 0.35) !important;
}
/* =========================
   COINSTAR - SORT FILTER
   ========================= */

/* كلمة ترتيب حسب */
label[for="product-filter"] {
    color: #ffffff !important;
}

/* قائمة الترتيب */
#product-filter {
    color: #ffffff !important;
    background-color: #1a0033 !important;
    border: 1px solid #8a19e6 !important;
}

/* الخيارات داخل القائمة */
#product-filter option {
    color: #ffffff !important;
    background-color: #1a0033 !important;
}
/* ===== COINSTAR - FIX REVIEWS TITLE ===== */

section[data-testid="store-home-custom-testimonials"] .s-reviews-header,
section[data-testid="store-home-custom-testimonials"] h1.s-reviews-header,
.s-block--custom-testimonials .s-reviews-header {
    color: #ffffff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important;
}