/* Add custom CSS styles below */ 


/* Bold Tag */
  .product-subtitle.pc-t {
  font-size: 1.2rem; /* حجم الخط */
  font-weight: 600;  /* سمك الخط */
  color: #d59604;     /* لون الخط */
  line-height: 1.8;  /* ارتفاع السطر اختيارياً */
}

.header-text.s-main-text {
  color: #b4dfef !important; /* غيّر الكود اللوني حسب رغبتك */
}

/* تنسيق ازرار التبويبات */
#btn-container .tag-btn {
  padding: .3rem 1rem;
  color: #4492b6;
  border-radius: 10px;
  border: 2px solid #4492b6;
  max-width: 45%;
  width: 200px;
  font-size: 1.0rem;
  background: transparent;
  transition: 0.3s;
}

/* عند التفعيل */
#btn-container .tag-btn.active {
  background-color: #4492b6 !important;
  color: #fff !important;
}

/* كونتينر الأزرار */
#btn-container.btns-container {
  display: flex;
  gap: 10px;
  margin: 20px 0px;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 3rem;
}


/* لون الخطين الجانبيات */
.animated-text-line {
    height: 1px !important; /* السماكة */
    background-color: #323e53 !important; /* ضع اللون المطلوب */
}

/* لون النص العريض بين الخطين الجانبيات */
.animated-text-outer .animated-text-inner,
.animated-text-outer h3.animated-text-inner,
.animated-text-inner.aniated-text-inner {
    color: #408fb4 !important; /* غير اللون هنا */
}

/* تنسيق قسم التعليقات على صفحات المنتج */
salla-comments[type="product"] {
  display: block;
  width: 100%;
  max-width: 900px;         /* أقصى عرض، يتقلّص لو الشاشة أصغر */
  margin: 40px auto 0;      /* مسافة فوق + توسيط */
  padding-inline: 16px;     /* مسافة بسيطة يمين ويسار */
}

@media (min-width: 1024px) {
  salla-comments[type="product"] {
    max-width: 700px;       /* يكون أضيق على الديسكتوب */
  }
}

/* =========================
   ألوان الفوتر - سول هب
   ========================= */

/* العناوين الرئيسية في الفوتر:
   - روابط مهمة
   - تواصل معنا (ديسكتوب + جوال)
   - خدمة العملاء (لو ظهرت)
*/
footer .footer-container h3,
footer .footer-container .s-contacts-title {
    color: #3a8fb4 !important;
    font-weight: 700;
}

/* نبذة الموقع تحت لوجو الفوتر */
footer .footer-container .footer_top p {
    color: #b7dcef !important;
}

/* روابط "روابط مهمة" في الثيم الجديد */
footer .footer-container .footer-links a {
    color: #b7dcef !important;
    transition: color 0.2s ease;
}

footer .footer-container .footer-links a:hover {
    color: #3a8fb4 !important;
}

/* نصوص وسائل التواصل (أرقام + روابط) */
footer .footer-container .s-contacts-list .unicode,
footer .footer-container .s-contacts-item {
    color: #b7dcef !important;
}

/* هوفر على عناصر التواصل */
footer .footer-container .s-contacts-item:hover .unicode,
footer .footer-container .s-contacts-item:hover {
    color: #3a8fb4 !important;
}

/* لون أيقونات التواصل الافتراضي */
footer .footer-container .s-contacts-icon svg path {
    fill: #b7dcef !important;
}

/* لون الأيقونات عند الهوفر */
footer .footer-container .s-contacts-item:hover .s-contacts-icon svg path {
    fill: #3a8fb4 !important;
}



/*احجام الخطوط الصغيرة  */
 div.swiper-slide.min--3.mt-8.px-2.swiper-slide-prev > div > div > p,
.s-block--banners .banner-square h3,
.s-product-card-price,
.product__description{
font-size: 1.2rem !important;
}
.s-block__title h2{
font-size:1.5rem
}


/* Paragraph */
.min-h-full .s-product-card-horizontal p{
 color:#f39c12;
 font-size:14px !important;
}


/* صندوق وصف المنتج */
.product__description {
  background-color: #1b2334 !important;
  padding: 24px !important;
  border-radius: 18px !important;
  margin-bottom: 22px !important;
}

.product__description * {
  color: #ffffff !important;
}


/* الجزء الأول من مربع السعر: عنوان "السعر" + الرقم */
section.flex.bg-white.lm-bg-sec.p-5.dm-bg-sec {
  background-color: #1b2334 !important;
  padding: 24px !important;
  border-radius: 18px !important;
  margin-bottom: 12px !important;
  border: none !important;
}

/* الجزء الثاني من مربع السعر: الكمية + زر أضف للسلة */
section.sticky-product-bar.bg-white.lm-bg-sec.p-5.dm-bg-sec.dm-text-main {
  background-color: #1b2334 !important;
  padding: 24px !important;
  border-radius: 18px !important;
  margin-bottom: 22px !important;
  border: none !important;
}

/* توحيد لون النص داخل الجزئين */
section.flex.bg-white.lm-bg-sec.p-5.dm-bg-sec *,
section.sticky-product-bar.bg-white.lm-bg-sec.p-5.dm-bg-sec.dm-text-main * {
  background-color: transparent !important;
  color: #ffffff !important;
}

/* ========== 1) صندوق وصف المنتج ========== */
.product__description {
  background-color: #1b2334 !important;
  padding: 24px !important;
  border-radius: 18px !important;
  margin-bottom: 22px !important;
}
.product__description * {
  color: #ffffff !important;
  background: transparent !important;
}

/* ========== 2) صندوق السعر + زر الإضافة للسلة ========== */
/* الجزء العلوي للسعر (section السعر) */
section.flex.bg-white.lm-bg-sec.p-5.sm\\:pb-0.rounded-md.rounded-b-none.dm-bg-sec {
  background-color: #1b2334 !important;
  padding: 20px !important;
  border-radius: 18px !important;
  margin-bottom: 12px !important;
  border: none !important;
}
section.flex.bg-white.lm-bg-sec.p-5.sm\\:pb-0.rounded-md.rounded-b-none.dm-bg-sec * {
  color: #ffffff !important;
  background: transparent !important;
}

/* الجزء السفلي: الكمية + زر أضف للسلة */
section.sticky-product-bar.bg-white.lm-bg-sec.p-5.rounded-md.rounded-b-none.rounded-t-none.dm-bg-sec.dm-text-main {
  background-color: #1b2334 !important;
  padding: 20px !important;
  border-radius: 18px !important;
  margin-bottom: 22px !important;
  border: none !important;
}
section.sticky-product-bar.bg-white.lm-bg-sec.p-5.rounded-md.rounded-b-none.rounded-t-none.dm-bg-sec.dm-text-main * {
  color: #ffffff !important;
  background: transparent !important;
}

/* ========== 3) صندوق "عدد مرات الشراء" ========== */
.px-4.text-red-400.t-red.w-full .sold-times-wrapper {
  background-color: #1b2334 !important;
  border-radius: 18px !important;
  padding: 10px 14px !important;
  margin: 16px 0 !important;
}
.px-4.text-red-400.t-red.w-full .sold-times-wrapper * {
  color: #ffffff !important;
  background: transparent !important;
}

/* ========== 4) (اختياري) تنسيق صندوق Moduel / رقم الموديل إذا له صنف ========== */
/* مثال: إذا رقم الموديل مخلي في div أو span له class معين — تحتاج تعلمني اسم الكلاس */
/* placeholder: .product-model-box { ... } */

/* ========== ملاحظات إضافية ========== */
/* إزالة أي حدود أو خلفية بيضاء أو زرقاء قديمة من الأزرار أو الحاويات */
.bg-white, .lm-bg-sec, .dm-bg-sec {
  background: transparent !important;
}

/************************************
 1) مربع التعليقات بالكامل
*************************************/
.s-comments.s-comments-product {
  background-color: #1b2334 !important;   /* نفس خلفيات الصناديق عندك */
  border-radius: 18px !important;         /* رديوس على كامل المربع */
  padding: 24px !important;
  margin-top: 24px !important;
}

/* ما نبغى خلفيات ثانية داخلية */
.s-comments-container {
  background: transparent !important;
}

/* عنوان "التعليقات" ونصوص الترويسه */
.s-comments-title,
.s-comments-header,
.s-comments-count-label,
.s-comments-filter-wrapper,
.s-comments-filter-label,
.s-comments-sort-input {
  color: #ffffff !important;
}

/************************************
 2) فورم إدخال التعليق
*************************************/
.s-comment-form-input {
  background-color: transparent !important;
  border-radius: 14px !important;
  border: 1px solid #2b3548 !important;
  color: #ffffff !important;
}

/************************************
 3) بطاقة كل تعليق
*************************************/
.s-comments-item-wrapper {
  background-color: #262d3d !important;   /* أغمق شوي من خلفية المربع */
  border-radius: 16px !important;
  padding: 14px 18px !important;
  margin-top: 16px !important;
}

/* اسم العميل + التاريخ + نص التعليق */
.s-comments-item-user-wrapper,
.s-comments-item-user-wrapper *,
.s-comments-item-content p {
  color: #ffffff !important;
}

/************************************
 4) زر "مفيد"
*************************************/
.s-comments-item-like-btn.s-button-wrap {
  margin-top: 8px !important;
}

.s-comments-item-like-btn.s-button-element {
  border-radius: 999px !important;
  border: 1px solid #ffffff !important;
  background-color: transparent !important;
}

.s-comments-item-like-btn.s-button-element .s-button-text span {
  color: #ffffff !important;
}

.s-comments-item-like-btn svg path {
  fill: #ffffff !important;
}

/************************************
 5) استثناء صورة العضو من أي خلفيات
*************************************/
.s-comments-item-avatar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.s-comments-item-avatar-img {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 50% !important;   /* تبقى دائرة فقط */
  width: 40px !important;
  height: 40px !important;
}