/* Add custom CSS styles below */ 
/* إخفاء اسم الكاتب والتاريخ */
a[href*="/blog/author/"] {
    display: none !important;
}
.da-tm span.text-gray-500:last-child {
  display: none;
}


@media (max-width: 768px) {
  /* ✅ كل منتج ياخد 70% من عرض الشاشة تقريبا */
  .angel-products-container .swiper-slide {
    width: 57% !important;
  }

  /* ✅ توسيط العناصر في السلايدر */
  .angel-products-container .swiper-wrapper {
    justify-content: flex-start !important;
  }
/* ✅ إظهار اسم المنتج بالكامل بدون تقصير */
.s-product-card-content-title {
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  line-clamp: unset !important;
}

/* ✅ تحسين عرض الاسم الطويل على الموبايل */
@media (max-width: 768px) {
  .s-product-card-content-title {
    font-size: 13px;
    line-height: 1.4;
  }
}




/* شكل الشريط */
#top-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #d97706;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  z-index: 9999;

  display: flex;             /* يخلي المحتوى يوسّط */
  justify-content: center;   /* يوسّط أفقي */
  align-items: center;       /* يوسّط عمودي */
}

#top-bar #marquee {
  white-space: nowrap;  /* يخلي النص سطر واحد */
  text-align: center;   /* يضمن التوسيط */
  width: 100%;          /* ياخد عرض كامل */
}