/* Add custom CSS styles below */ 
/* تغيير لون شارة خالي من الجلوتين إلى اللون الأخضر */
.product-promotion-title,
.badge-promotion,
.promotion-title,
.badge,
.tag-badge {
background-color: #2E5A44 !important; /* لون أخضر أنيق */
color: #FFFFFF !important; /* لون النص أبيض */
}
/* تغيير لون شارة خالي من الجلوتين إلى اللون الأخضر الفاتح */
.product-promotion-title,
.badge-promotion,
.promotion-title,
.badge,
.tag-badge {
background-color: #81E291 !important; /* لون أخضر فاتح */
color: #FFFFFF !important; /* لون النص أبيض */
}
/* نقل وتكبير شعار صنع في السعودية وتحريكه أسفل السجل التجاري */
.footer-certificates img[src*="made-in-saudi"],
.footer-certificates img[src*="saudi"],
img[alt*="صنع في السعودية"] {
position: relative !important;
display: block !important;
margin: 15px auto 0 auto !important;
width: 80px !important; /* يمكنك زيادة الرقم لتكبيرها أكثر (مثلاً 100px) */
height: auto !important;
}
/* تحريك وتكبير شعار صنع في السعودية ليكون فوق أيقونات الدفع وتحت السجل التجاري */
.footer-certificates img[src*="saudi"],
.footer-certificates img[src*="made-in-saudi"],
.footer-payment-methods img[src*="saudi"],
img[alt*="صنع في السعودية"],
img[alt*="Made in Saudi"] {
position: relative !important;
display: block !important;
margin: 0 auto 15px auto !important; /* يضعه في المنتصف ويترك مسافة سفلى */
transform: translateY(-40px) scale(1.8) !important; /* رفعه للأعلى وتكبيره 180% */
transition: all 0.3s ease !important;
}

/* تعديل المسافة لأيقونات الدفع المجاورة حتى لا تترك فراغاً غريباً */
.footer-certificates,
.footer-payment-methods {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
}
/* إخفاء الهللات والكسور العشرية من أسعار المنتجات */
.s-price-decimal,
.product-price .decimal {
display: none !important;
}
/* إخفاء الهللات والكسور العشرية من أسعار المنتجات */
.s-price-decimal,
.product-price .decimal {
display: none !important;
}
/* إخفاء الهللات والكسور العشرية والنقاط من الأسعار في ثيم رائد */
.product-price .decimal,
.price-product .decimal,
.s-price-decimal,
.price-value .decimal,
.product-price sup,
.price-product sup,
.s-product-card-price sup,
span[class*="decimal"],
sup[class*="decimal"] {
display: none !important;
}

/* في حال كانت الهللات مكتوبة كجزء من النص المباشر */
.product-details__price .price-value {
font-size: 0;
}
.product-details__price .price-value::first-letter {
font-size: 1rem;
}
/* تغيير لون شارة المنتجات في جميع صفحات المتجر (الداخل والخارج) */
.product-promotion-title,
.promotion-title,
.s-product-card-promotion-title,
.badge-promotion,
.promotion-badge,
[class*="promotion"],
.badge {
background-color: #8ED492 !important;
color: #000000 !important;
}
/* خلفية خضراء بنسبة شفافية 60% */
.product-promotion-title,
.promotion-title,
.s-product-card-promotion-title,
.badge-promotion,
.promotion-badge,
[class*="promotion"],
.badge {
background-color: rgba(102, 187, 106, 0.6) !important; /* يمكنك تغيير 0.6 للتحكم بالشفافية */
color: #ffffff !important;
backdrop-filter: blur(4px); /* ضبابية خفيفة خلف الشارة */
}
.product-actions button {
  display: inline-block;
  margin-right: 8px;
}
/* تصغير المربع الأخضر بالكامل من الخارج والداخل */
.product-promotion-title,
.promotion-title,
.tag-title,
.promotion-badge,
[class*="promotion"],
[class*="badge"] {
display: inline-block !important;
width: auto !important; /* إلغاء أي عرض ثابت للمربع */
height: auto !important; /* إلغاء أي ارتفاع ثابت للمربع */
max-width: fit-content !important; /* جعل الحجم ينكمش على قدر النص */
padding: 3px 8px !important; /* حواف داخلية صغيرة */
margin: 0 !important; /* إزالة أي مسافات خارجية زائدة */
font-size: 11px !important; /* تصغير الخط */
line-height: 1.2 !important;
}

/* إلغاء الأبعاد الكبيرة من العنصر الحاوي إذا كان موجوداً */
.product-promotion-title *,
.promotion-title * {
width: auto !important;
height: auto !important;
}