/* ========== اسم المنتج والسعر والأساسيات ========== */
span.product-title,
.product-name,
div.title {
  color: #FFD700 !important;
  font-weight: 600;
}

span.salePrice {
  color: #FFFFFF !important;
  font-weight: 600;
}

.product-crd-spec,
div.price-section,
.price-container,
.priceMask {
  border-bottom: none !important;
  border: none !important;
}

/* ========== الأزرار والعناوين ========== */
a.vs-btn {
  background-color: #9F745D !important;
  color: #FFFFFF !important;
  border: 1px solid #9F745D !important;
  font-weight: 600;
}

a.vs-btn:hover {
  background-color: #8B6347 !important;
  border-color: #8B6347 !important;
}

h2.sec-title {
  color: #9F745D !important;
}

span.sec-subtitle {
  color: #9F745D !important;
  font-weight: 600;
}

/* ========== النصوص والـ Testimonials ========== */
p.testi-text,
.testimonial-content,
.testimonial-text,
.review-text {
  color: #FFFFFF !important;
}

/* ========== الأسهم والـ Dots ========== */
div.owl-nav {
  margin-top: 60px !important;
  margin-bottom: 0 !important;
}

.slick-arrow.slick-prev,
.slick-arrow.slick-next,
button.slick-prev,
button.slick-next {
  margin-top: 40px !important;
}

button#slick-slide-control33,
button.slick-slide-control,
.slick-dots button {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}

button#slick-slide-control33::before,
.slick-dots li button::before {
  color: #FFFFFF !important;
}

/* ========== CRITICAL: أضف إلى السلة - Desktop و Mobile ========== */
.btn-product-cart,
a.btn-product-cart,
span.btn-product-cart,
div.addCart a,
div.addCart button {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

.btn-product-cart *,
a.btn-product-cart *,
.btn-product-cart span,
div.addCart * {
  color: #FFFFFF !important;
}

a.btn-product-cart:hover,
a.btn-product-cart:active,
div.addCart:hover,
div.addCart.active {
  color: #FFFFFF !important;
}

/* ========== CRITICAL: نفذ من المخزون - Desktop و Mobile ========== */
div.out-of-stock-label,
.out-of-stock-label,
span.out-of-stock-label {
  color: #FFFFFF !important;
  background-color: #000000 !important;
}

div.out-of-stock-label *,
.out-of-stock-label *,
span.out-of-stock-label * {
  color: #FFFFFF !important;
}

/* ========== المساحات والـ Sections ========== */
section.home-products-section.style2.pb-70.pt-70 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

div.container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ========== Responsive: Mobile ========== */
@media (max-width: 768px) {
  /* الهيدر */
  div.header-logo.style3.text-center,
  header,
  .header {
    position: relative !important;
    z-index: 50 !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    background-color: rgba(0, 0, 0, 0.95) !important;
  }

  /* البانر */
  img[alt*="banner"],
  .banner img,
  section.categories.pt-70.pb-70 img,
  section img {
    margin-top: 60px !important;
    display: block !important;
  }

  img[src*="title"],
  .ads-one_img,
  div[class*="banner"] img {
    margin-top: 10px !important;
    display: block !important;
  }

  section.categories.pt-70.pb-70 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* الأزرار */
  a.vs-btn {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    display: block !important;
  }

  /* الـ Testimonials */
  .testi-inner,
  .testimonial-content,
  .testimonial-section {
    overflow: visible !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .slick-initialized,
  .slick-slider,
  ul.slick-dots {
    overflow: visible !important;
  }

  div[class*="testi"],
  div[class*="carousel"] {
    overflow: visible !important;
  }

  /* الصور */
  img[alt*="title"],
  img[class*="title"],
  .title-shape,
  img[src*="title"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 300px !important;
  }

  /* sec-subtitle */
  section[class*="testi"],
  .testi-layout1 {
    overflow: visible !important;
    clip-path: none !important;
  }

  div.testi-inner,
  div[class*="testi-container"],
  .testi-carousel {
    overflow: visible !important;
    clip-path: none !important;
  }

  span.sec-subtitle {
    display: block !important;
    overflow: visible !important;
    clip-path: none !important;
    max-height: none !important;
    height: auto !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 480px) {
  img[alt*="banner"],
  .banner img,
  section.categories.pt-70.pb-70 img,
  section img {
    margin-top: 70px !important;
    display: block !important;
  }

  a.vs-btn {
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    display: block !important;
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  img[alt*="banner"],
  .banner img,
  section.categories.pt-70.pb-70 img,
  section img {
    margin-top: 50px !important;
    display: block !important;
  }
}
/* ============================================
   1) نقل زر الواتساب لليسار + رفعه
   ============================================ */

.whatsChat {
    right: auto !important;
    left: 15px !important;
    bottom: 120px !important;
    z-index: 9999 !important;
}

/* ============================================
   2) الـ Popup يفتح لليمين (جوا الصفحة)
   ============================================ */

/* الحاوية الكبيرة للـ popup */
.whatsChat .content,
.whatsChat .angleDown.active + .content {
    right: auto !important;
    left: 0 !important;
    transform-origin: left bottom !important;
}

/* رأس الـ popup */
.whatsChat .head {
    right: auto !important;
    left: 0 !important;
}

/* جسم الرسائل */
.whatsChat .bodyMsgs {
    right: auto !important;
    left: 0 !important;
}

/* ذيل الـ popup */
.whatsChat .footerWhats {
    right: auto !important;
    left: 0 !important;
}

/* السهم الصغير اللي بيأشر للزرار */
.whatsChat .angleDown.active,
.whatsChat .angleDown {
    right: auto !important;
    left: 65px !important;  /* حطّه فوق الزرار من ناحية اليمين */
}