كتبنا الإلكترونية الحصرية
عرض الجمعة البيضاء بدأ الان
/* تغيير لون النص داخل العنصر */ salla-quick-order { color: #FF4C4C !important; /* تغيير اللون للنص داخل العنصر */ } /* تغيير خلفية العنصر */ salla-quick-order { background-color: #FF4C4C !important; /* تغيير الخلفية للون الأحمر */ padding: 10px; /* إضافة بعض المسافات داخل العنصر */ border-radius: 5px; /* إضافة حدود منحنية */ } /* إضافة تأثير عند التمرير فوق العنصر */ salla-quick-order:hover { background-color: #e04c4c; /* تغيير الخلفية عند التمرير */ color: white; /* تغيير لون النص عند التمرير */ } /* تغيير لون الخلفية للعنصر الذي يحتوي على الزر */ .sticky-product-bar { background-color: #FF4C4C !important; /* اللون الأحمر المطلوب */ } /* تغيير خلفية الزر داخل المنتج */ .s-button-element.s-button-solid.s-button-primary.s-button-loader-center { background-color: #FF4C4C !important; /* تغيير اللون الخلفي للزر */ border-color: #FF4C4C !important; /* تغيير اللون في حدود الزر */ } /* تغيير النص داخل الزر إلى الأبيض */ .s-button-element .s-button-text { color: white !important; } img[src*="sbc.png"] { display: none !important; }
/* غيّر خلفية الستكي بار */
body .product-bar.small-bar,
body .product-bar.small-bar::before {
background: #432459 !important;
}
/* نص السعر على الخلفية الجديدة */
.product-bar.small-bar .total-price,
.product-bar.small-bar .before-price {
color: #fff !important;
}
/* إزالة أي شفافية/ظل قد يغمّق الخلفية */
.product-bar.small-bar {
box-shadow: none !important;
backdrop-filter: none !important;
}
.sticky-product-bar {
background-color: #432459; /* البنفسجي */
position: relative;
overflow: hidden;
}
.sticky-product-bar::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image:
radial-gradient(white 1px, transparent 1px),
radial-gradient(white 1px, transparent 1px),
radial-gradient(white 1px, transparent 1px),
radial-gradient(white 1px, transparent 1px),
radial-gradient(white 1px, transparent 1px);
background-size: 30px 30px, 40px 40px, 60px 60px, 80px 80px, 100px 100px;
background-position:
5px 10px,
20px 40px,
50px 30px,
70px 80px,
100px 50px;
opacity: 0.5;
pointer-events: none;
}
/* لون البنفسجي لثلثقلالفاتح */
:root {
--pn-lilac: #F3E9FF; /* غيّره لو عندك كودك الخاص */
--pn-text: #1f1633; /* لون نص غامق مناسب على البنفسجي */
}
/* الفوتر نفسه + الغلاف الداخلي + الشريط السفلي */
footer.store-footer,
footer.store-footer .store-footer__inner,
footer.store-footer .store-footer__bottom {
background: var(--pn-lilac) !important;
color: var(--pn-text) !important;
}
/* معالجة أي خلفية مضافة عبر pseudo elements أو تدرجات */
footer.store-footer::before,
footer.store-footer::after,
footer.store-footer .store-footer__inner::before,
footer.store-footer .store-footer__inner::after {
background: var(--pn-lilac) !important;
box-shadow: none !important;
opacity: 1 !important;
}
/* الكروت/البلوكات داخل الفوتر لو فيها خلفية داكنة */
footer.store-footer .about-us-block,
footer.store-footer .contact-social,
footer.store-footer .s-payments-list-wrap,
footer.store-footer .p-8,
footer.store-footer .py-4,
footer.store-footer .flex {
background: var(--pn-lilac) !important;
color: var(--pn-text) !important;
}
/* روابط الفوتر */
footer.store-footer a {
color: var(--pn-text) !important;
}
footer.store-footer a:hover {
opacity: .8;
}
/* نص الحقوق (غالباً لونه رمادي فاتح) */
footer.store-footer .copyright-text,
footer.store-footer .text-gray-400 {
color: var(--pn-text) !important;
}
/* أي حواف/حدود داكنة غير مرغوبة */
footer.store-footer,
footer.store-footer * {
border-color: rgba(0,0,0,0) !important; /* احذفها إن احتجت حدود */
box-shadow: none !important;
}
/* أي دوائر أيقونات ممكن تكون بخلفية سوداء */
footer.store-footer .s-social-icon,
footer.store-footer .s-contacts-icon {
background: transparent !important; /* أو var(--pn-lilac) لو تبغى نفس الخلفية */
}
/* تأكيد أن الجسم حول الفوتر ما يعطي خلفية سوداء */
footer.store-footer .store-footer__inner > div {
background: var(--pn-lilac) !important;
}
/* استهداف العنصر اللي فيه النص + النجوم */
.most-sold {
display: flex;
flex-direction: column; /* يخلي العناصر تحت بعض */
align-items: center; /* يخليهم بالنص */
}
/* النص يظهر أول */
.most-sold .text {
order: 1;
}
/* النجوم يظهر ثاني */
.most-sold .stars {
order: 2;
margin-top: 5px; /* مسافة بسيطة تحت النص */
}
/* أنزل النجوم مسافة تحت مكانها */
.s-rating-stars,
.stars,
.rating {
margin-top: 8px !important; /* عدّل الرقم حسب ما تحب */
}
h2.mb-1.sm\:mb-5.text-lg.font-bold {
font-size: 1.5rem !important;
font-weight: bold !important;
}
h2.mb-1.sm\:mb-5.text-lg.font-bold::after {
content: "أحدث التعليقات";
}
h2.mb-1.sm\:mb-5.text-lg.font-bold {
color: transparent !important; /* يخفي النص الأصلي */
position: relative;
}
h2.mb-1.sm\:mb-5.text-lg.font-bold::after {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
color: #000 !important; /* لون النص */
}
/* إخفاء جميع أزرار الدفع */
.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary {
display: none !important;
}
/* إظهار زر Apple Pay */
.s-button-element.s-button-btn[title*="Apple"] {
display: block !important;
}
/* زر "اشتري الآن" (ميني تشيك آوت) */
.s-add-product-button-mini-checkout {
display: block !important;
}
input, textarea, select, button {
font-size: 16px !important;
}