/* Add custom CSS styles below */ 




/* Topbar container */
.topbar {
  display: flex;
  justify-content: center;
  gap: 30px;
  font-family: 'Tajawal', sans-serif;
  font-size: 13px;
  color: #2b2b2b;
  padding: 10px 0;
  background: #fafafa;
}

/* كل عنصر */
.topbar span {
  position: relative;
  padding-right: 18px;
}

/* ❄️ شحن مبرد */
.topbar span:nth-child(1)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;utf8,<svg fill="%23bfa37a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2v20M4.93 4.93l14.14 14.14M2 12h20M4.93 19.07L19.07 4.93"/></svg>') no-repeat center;
  background-size: contain;
}

/* 🚚 توصيل */
.topbar span:nth-child(2)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;utf8,<svg fill="%23bfa37a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 7h13v10H3zM16 10h4l2 3v4h-6zM5 19a2 2 0 1 0 0.001-3.999A2 2 0 0 0 5 19zm12 0a2 2 0 1 0 0.001-3.999A2 2 0 0 0 17 19z"/></svg>') no-repeat center;
  background-size: contain;
}

/* ⏳ الوقت */
.topbar span:nth-child(3)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;utf8,<svg fill="%23bfa37a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 6v6l4 2M12 2a10 10 0 100 20 10 10 0 000-20z"/></svg>') no-repeat center;
  background-size: contain;
}

/* 🎁 شحن مجاني */
.topbar span:nth-child(4)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml;utf8,<svg fill="%23bfa37a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 12v8H4v-8M2 7h20v5H2zM12 7v13M7 7a3 3 0 116 0M11 7a3 3 0 106 0"/></svg>') no-repeat center;
  background-size: contain;
}



/* نجعل كل العناصر داخل صف واحد */
.store-footer__contacts-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
}

/* نلغي المسافة العلوية للإنستغرام */
.store-footer__contacts-row salla-social {
  margin-top: 0 !important;
}

/* نتأكد أن العناصر الداخلية لا تلتف */
.store-footer__contacts-row .enhanced_rounded_contacts {
  flex-wrap: nowrap !important;
}



/* تغيير لون إشعار السلة - سيليا */
.s-cart-summary-count {
    background-color: #6F1D2B !important;
    color: #ffffff !important;
    border: none !important;
}
.close-mobile-menu {
    color: #6F1D2B !important;
}


/* تغيير لون زر حذف المنتج من السلة إلى عنابي */
.s-button-danger {
    background-color: #6F1D2B !important;
    border-color: #6F1D2B !important;
}

/* لو فيه تأثير عند المرور */
.s-button-danger:hover {
    background-color: #5a1723 !important;
    border-color: #5a1723 !important;
}




.product-card__subtitle {
    font-size: 9px !important;
    line-height: 1.3 !important;
    opacity: 0.9;
}






.countdown-single .countdown::before{
  content: "⏳ متبقي على عرض شهر الخير";
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 8px 0;
  line-height: 1.4;
}

.icon svg{
width:16px;
height:16px;
}








/* ===== Rahaya Product Features Styling ===== */

.product-features-item {
    background-color: #7A1E2C !important; /* عنابي */
    border: none !important;
    border-radius: 12px;
    padding: 12px !important;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

/* النص */
.product-features-item .feature-text h3 {
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    opacity: 1 !important;
}

/* الأيقونة */
.product-features-item .feature-icon i {
    color: #FFFFFF !important;
    font-size: 18px;
    opacity: 1 !important;
}

/* إصلاح أي إخفاء */
.product-features-item * {
    visibility: visible !important;
}

/* Hover فاخر */
.product-features-item:hover {
    background-color: #651824 !important;
}

/* ظل خفيف */
.product-features-item {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}