/* Add custom CSS styles below */ 

/* مقاس خط الاسئلة الشائعة */ 
h2.text-center.text-3xl.font-bold.mb-8 {
   font-size: 1.5rem !important; 
}
h3.text-lg.font-extrabold.leading-none.py-4.text-center{
font-size: 1.5rem !important; 
}
p.text-gray-600.text-right{
font-size: 0.8rem !important;
line-height: 1.3;
}

p.relative.overflow-hidden.px-6.pb-4.transition-all.duration-300 {
font-size: 0.8rem !important;
}
.s-product-card-sale-price h4{
color: #f16f7a !important;
}

.tamara-product-widget{
font-size: 0.8rem !important;
}
.tamara-product-widget span{
font-size: 0.8rem !important;
}

.tamara-product-widget .tamara-logo {
height: 25px !important;
}

/* بشكل عام - للجوال */
div.flex.gap-8.justify-between.items-center {
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: flex-start !important;
}

div.flex.gap-8.justify-between.items-center p.text-primary {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  font-size: 14px !important;
  white-space: normal !important;
  word-break: break-word !important;
  max-width: 100% !important;
  flex: 1 1 100% !important; /* ياخذ صف لحاله بالجوال */
  text-align: start !important;
}

/* في الشاشات المتوسطة وأعلى (md = سطح المكتب غالباً) */
@media (min-width: 768px) {
  div.flex.gap-8.justify-between.items-center p.text-primary {
    flex: 0 0 auto !important;   /* يرجع جنبه */
    max-width: unset !important;
  }
}


p.text-\[\#C8C8C8\].font-bold.text-xs.md\:text-sm {
  display: none !important;
}



/* انحناء إطار السلايدر الرئيسي نفسه */
.details-slider .swiper.s-slider-container {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid #E5E7EB !important; /* ستروك رمادي ناعم */
  background-color: #fff !important;
  box-shadow: none !important;
}




/* العنصر الأخير (النشط) */
.breadcrumbs .s-breadcrumb-item:last-child,
.breadcrumbs .s-breadcrumb-item:last-child a {
  background-color: #fff;
  font-weight: bold;
}

/* الهوفر */
.breadcrumbs .s-breadcrumb-item a:hover {
  background-color: #ececec;
}

/* يخفي الأسهم */
.breadcrumbs .s-breadcrumb-arrow {
  display: none !important;
}

/* ===== قسم الكل ===== */
.category-tab[onclick*="switchCategory('all')"].active ~ .s-products-list-wrapper .s-product-card-out-of-stock {
  display: none !important;
}

/* مسافة بين الكروت */
:root { --prod-gap: 12px; }

/* إجبار حاوية المنتجات تكون Flex Grid */
.s-products-list-wrapper,
.s-products-list-wrapper.s-products-list-vertical-cards {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--prod-gap) !important;
  justify-content: flex-start !important; /* بدون توسيط */
  align-items: stretch !important;
}

/* أساس الكرت */
.s-products-list-wrapper .s-product-card-entry {
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* ========== توزيع الأعمدة ========== */
/* الجوال: صف = 2 بطاقات */
@media (max-width: 767px) {
  .s-products-list-wrapper .s-product-card-entry {
    flex: 0 0 calc(50% - (var(--prod-gap)/2)) !important;
    max-width: calc(50% - (var(--prod-gap)/2)) !important;
  }
}

/* سطح المكتب: صف = 4 بطاقات */
@media (min-width: 768px) {
  .s-products-list-wrapper .s-product-card-entry {
    flex: 0 0 calc(25% - (var(--prod-gap)*0.75)) !important; /* (3 فروقات)/4 */
    max-width: calc(25% - (var(--prod-gap)*0.75)) !important;
  }
}

/* ========== منطق الأقسام ========== */
/* في "الكل": اخفِ السولد أوت تمامًا (باستخدام :has المدعوم بالمتصفحات الحديثة) */
body:has(.category-tab[onclick*="switchCategory('all')"].active)
  .s-products-list-wrapper .s-product-card-out-of-stock {
  display: none !important;
}

/* في باقي التصنيفات: المتوفّر أولاً ثم السولد أوت */
.s-products-list-wrapper .s-product-card-entry:not(.s-product-card-out-of-stock) {
  order: 1 !important;
}
.s-products-list-wrapper .s-product-card-out-of-stock {
  order: 2 !important;
}

/* يخفي الأزرار والسعر والنص من الكرت سولد اوت */
.s-products-slider-slider[block-title="منتجات قد تعجبك"] 
.s-product-card-out-of-stock .s-product-card-content-footer,
.s-products-slider-slider[block-title="منتجات قد تعجبك"] 
.s-product-card-out-of-stock .s-button-element {
  display: none !important;
}

/* يضيف شفافية للبطاقة */
.s-products-slider-slider[block-title="منتجات قد تعجبك"] 
.s-product-card-out-of-stock {
  opacity: 0.4 !important;
  pointer-events: none !important;
}

/* بطاقة منيو اليوزر */

/* الكارد (القائمة) */
div.s-user-menu-dropdown > ul.s-user-menu-dropdown-list {
  background: #fff !important;
  border-radius: 20px !important;   /* منحنية بالكامل */
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
  margin-top: 25px !important;      /* نازلة لتحت */
  padding: 12px 0 !important;
}

/* الخلفية الخلفية (مو منحنية) نخليها شفافة */
.s-user-menu-dropdown {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* نخلي زر حسابي أول واحد */
.s-user-menu-dropdown-list li:nth-child(5) {
  order: -1 !important; /* يحطه أول عنصر */
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 15px !important; /* مسافة بينه وبين باقي الأزرار */
}

/* نخفي الأيقونة */
.s-user-menu-dropdown-list li:nth-child(5) a i {
  display: none !important;
}

/* شكل كبسولة */
.s-user-menu-dropdown-list li:nth-child(5) a {
  display: inline-block !important;
  padding: 10px 24px !important;
  background: #3C986F !important;   /* تقدر تغيّر اللون */
  border-radius: 999px !important;  /* يخليه منحني كامل */
  font-weight: 600 !important;
  color: #333 !important;
}
 
/* خلي القائمة تستخدم الفليكس */
.s-user-menu-dropdown-list {
  display: flex !important;
  flex-direction: column !important;
}

/* زر حسابي (هو العنصر الخامس في القائمة الأصلية) */
.s-user-menu-dropdown-list li:nth-child(5) {
  order: -1 !important; /* يخليه أول واحد */
}



.s-user-menu-dropdown-list li:nth-child(5) a {
  display: inline-flex;     /* يصير على قد المحتوى */
  justify-content: center;
  background: #3C986F;      /* أخضر */
  color: #fff !important;
  font-weight: bold;
  border-radius: 999px;     /* كبسولة */
  padding: 6px 16px;        /* مسافة داخلية */
  width: fit-content;       /* يخليه قد الكلام */
  margin: 0 auto 8px auto;  /* يتوسّط فوق القائمة */
}

/* نخفي أيقونة "حسابي" */
.s-user-menu-dropdown-list li:nth-child(5) a i {
  display: none;
}
/* تسجيل الخروج */
.s-user-menu-dropdown-item-logout a {
  color: #F16F7A !important;
  font-weight: bold;
}

/* نسخة الجوال */
@media (max-width: 768px) {
  .s-user-menu-dropdown-list {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    width: 85% !important;
    max-width: 350px !important;
    padding: 20px !important;
    z-index: 9999 !important;
  }

  /* النصوص والأزرار بالوسط */
  .s-user-menu-dropdown-list li {
    text-align: center !important;
    margin: 10px 0 !important;
  }

  /* نخفي صورة العميل فقط */
  .s-user-menu-dropdown-item img {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .s-user-menu-dropdown-list {
    position: fixed !important;
    top: -700% !important;   /* بدل 50%، رفعناه فوق */
    left: 50% !important;
    transform: translate(-50%, 0) !important;
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    width: 85% !important;
    max-width: 350px !important;
    padding: 20px !important;
    z-index: 9999 !important;
  }

  .s-user-menu-dropdown-list li {
    text-align: center !important;
    margin: 10px 0 !important;
  }

  .s-user-menu-dropdown-item img {
    display: none !important;
  }
}


/*الخط*/

/* تعريف الخطوط */
@font-face {
  font-family: 'Expo Arabic';
  src: url('https://dl.dropboxusercontent.com/scl/fi/i9waf4e8puexv1sd03lw1/Expo-Arabic-Light.woff?rlkey=7jqkpdjwyseq4u3jfdw47b75y&dl=0') format('woff');
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Expo Arabic';
  src: url('https://dl.dropboxusercontent.com/scl/fi/fcvzar16sd4egizaipe6x/Expo-Arabic-Medium.woff?rlkey=9q9e97r4o35nabarrtaccnc8e&dl=0') format('woff');
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}

/* تطبيق الخط على كل النظام */
html, body {
  font-family: 'Expo Arabic', sans-serif !important;
  font-weight: 300; /* الافتراضي Light */
}

/* لو تبغى الأقسام الثقيلة (عناوين مثلاً) تفرق */
h1, h2, h3, h4, h5, h6, strong, b {
  font-weight: 500 !important; /* Medium */
}

/* ضمان التطبيق في الجوال */
@media (max-width: 768px) {
  html, body {
    font-family: 'Expo Arabic', sans-serif !important;
    font-weight: 300; /* يظل Light */
  }
}

/*صفحة المنتج*/

/* تصغير النصوص وحجم الكبسولة للـ breadcrumb */
.s-breadcrumb-wrapper {
  font-size: 12px !important;   /* حجم النصوص أصغر */
}

.s-breadcrumb-item a,
.s-breadcrumb-item {
  padding: 2px 6px !important;  /* تصغير الكبسولة */
  font-size: 12px !important;   /* حجم النصوص داخل العناصر */
}

/* توحيد المسافات بين تفاصيل المنتج + تامارا + تابي */
.product__description,
.accordion-item,
salla-installment,
#tabbyPromoWrapper,
tamara-widget {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

salla-reviews-summary {
  display: none !important;
}

/* قسم التقييمات - إضافة هوامش يمين ويسار */
salla-comments .s-comments-container {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

/* لو تبغاه أوضح أكثر على الجوال */
@media (max-width: 768px) {
  salla-comments .s-comments-container {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

/* تخلي البار في الجهة اليسار مع مسافة */
.s-comments-filter-wrapper {
  margin-left: 15px !important;  /* مسافة من اليسار */
  margin-right: 0 !important;    /* تلغي أي هوامش من اليمين */
  display: inline-block;         /* يخليه على قده وما يتمدد */
}

.s-comments-sort-input {
  font-size: 13px !important;    /* تصغير الخط */
  padding: 4px 10px !important;  /* تصغير الحواف الداخلية */
  border-radius: 6px !important; /* زوايا ناعمة */
  width: auto !important;        /* يحدد عرضه حسب النص */
  min-width: 120px;              /* يضمن ما يصغر بزيادة */
}

/* البطاقة الرئيسية */
.s-comments-item-wrapper {
  background: #f7f7f7 !important;   /* خلفية رمادية فاتحة */
  border: none !important;          /* بدون حدود */
  border-radius: 16px !important;   /* انحناء كامل */
  padding: 16px 20px !important;    /* فراغ داخلي */
  margin: 0 15px 20px 15px !important; /* هوامش يمين ويسار ومسافة تحت */
  box-shadow: none !important;      /* بدون ظل */
}

/* ترتيب المحتوى */
.s-comments-item-user-info-name {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 4px;
}

.s-comments-item-timestamp {
  font-size: 13px;
  color: #777;
  margin: 0;
}

/* النجوم و"قام بالشراء" */
.s-comments-item-user-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 8px;
}

.s-comments-item-user-wrapper .s-comments-flex {
  display: flex;
  align-items: center;
  gap: 6px;
}

.s-comments-item-has-order-check-text {
  font-size: 13px;
  color: #333;
}

.s-comments-item-stars {
  margin-right: 8px;
}

/* محتوى التعليق */
.s-comments-item-content {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.6;
}

/* إلغاء أي خط فاصل */
.s-comments-item-wrapper::after,
.s-comments-item-wrapper::before {
  display: none !important;
}

/* تغليف عام للبطاقة */
.s-comments-item-user-wrapper {
  display: flex;
  justify-content: space-between;  /* يمين ويسار */
  align-items: flex-start;
  flex-wrap: wrap;
}

/* القسم الأيمن: الاسم + التاريخ + النجوم */
.s-comments-item-user-info,
.s-comments-item-timestamp,
.s-comments-item-stars {
  text-align: right;
  display: block;
  margin: 2px 0;
}

/* نخليهم في عمود واحد */
.s-comments-item-user-info {
  order: 1;
}
.s-comments-item-timestamp {
  order: 2;
  font-size: 13px;
  color: #777;
}
.s-comments-item-stars {
  order: 3;
  margin-top: 4px;
}

/* القسم الأيسر: قام بالشراء / تم التقييم */
.s-comments-flex {
  order: 4;
  margin-top: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
}

/* الزر الأساسي */
.s-comments-item-like-btn.s-button-element {
  background-color: #fff !important;     /* خلفية بيضاء */
  color: #3C9971 !important;             /* النص أخضر */
  border: none !important;               /* بدون ستروك */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  border-radius: 999px !important;       /* انحناء كامل (pill) */
  transition: all 0.3s ease;
  margin-left: auto;                     /* يرسله لليسار */
  padding: 8px 18px;                     /* مساحة مريحة */
  font-weight: 500;
  cursor: pointer;
}

/* حالة الضغط */
.s-comments-item-like-btn.s-button-element:active,
.s-comments-item-like-btn.s-button-element:focus,
.s-comments-item-like-btn.s-button-element.active {
  background-color: #3C9971 !important;  /* أخضر */
  color: #fff !important;                /* النص أبيض */
}

/* الأيقونة بنفس لون النص */
.s-comments-item-like-btn.s-button-element svg path {
  fill: currentColor !important;
}

/* تغيير لون سعر المنتج المخفض */
h4.total-price.text-red-800 {
  color: #F16F7A !important;   /* اللون الجديد */
}


/* إضافة هوامش علوية للسكشن */
salla-slider.s-products-slider-slider {
  margin-top: 40px;  /* غير الرقم حسب المسافة اللي تبيها */
}

/* إضافة هوامش سفلية للمكون */
.sm\:grid.sm\:grid-cols-3.sm\:gap-4.sm\:items-start.pt-5 {
  margin-bottom: 30px; /* غير الرقم على حسب المسافة اللي تبغاها */
}

.s-comments-item-wrapper {
  margin-left: 40px;   /* يسار */
  margin-right: 10px;  /* يمين */
}

/* محاذاة النصوص بالوسط */
.s-list-tile-item-content {
  text-align: center;
}

/* الزر أقصر ومحاذاته طبيعية */
.s-gifting-widget-action .s-button-element {
  background-color: #3C9971 !important; /* أخضر */
  border: none !important;              /* بدون ستروك */
  color: #fff !important;               /* النص أبيض */
  border-radius: 9999px;                /* منحني بالكامل */
  display: inline-flex;                 /* يخليه بطول المحتوى */
  align-items: center;
  justify-content: flex-start;          /* النص محاذي بداية */
  padding: 8px 16px;                    /* تحكم بحجم الزر */
  width: auto !important;               /* يلغي التمدد */
  min-width: unset !important;
  text-align: center !important;          /* النص يسار */
}

/* عند الضغط */
.s-gifting-widget-action .s-button-element:active,
.s-gifting-widget-action .s-button-element:focus {
  background-color: #2f7a59 !important;
  color: #fff !important;
}


/* عند الضغط (أو الحالة النشطة) */
.s-gifting-widget-action .s-button-element:active,
.s-gifting-widget-action .s-button-element:focus {
  background-color: #2f7a59 !important; /* أخضر أغمق */
  color: #fff !important;
}

.s-comments-product .s-comments-container {
  margin-left: auto !important;
  margin-right: auto !important;
}
.s-comments-count-label,
.s-comments-filter-wrapper {
  margin-right: 20px !important;  /* يمين */
  margin-left: 20px !important;   /* يسار */
}

/* نعدل النص فقط داخل العنصر اللي يحتوي trend-sales-display */
.flex.items-center.gap-1.animate-pulse .text-gray-500.text-sm {
  font-size: 0 !important; /* نخفي النص الأصلي */
}

.flex.items-center.gap-1.animate-pulse .text-gray-500.text-sm::after {
  content: "تم بيع أكثر من"; 
  font-size: 14px !important;
  color: #6b7280 !important; /* الرمادي */
}

@media (max-width: 768px) {
  .s-quantity-input-container {
    padding: 2px 4px !important; /* قللنا المسافة الداخلية */
    gap: 2px !important;        /* قللنا المسافة بين العناصر */
  }

  .s-quantity-input-input {
    max-width: 40px !important; /* خلى الحقل أصغر */
    text-align: center !important;
  }

  .s-quantity-input-button {
    padding: 4px !important; /* صغر حجم الأزرار */
  }
}



#comments-filter.s-form-control.s-comments-sort-input {
  background-color: #F0F0F0 !important; /* خلفية رمادية */
  border: none !important;             /* بدون ستروك */
  border-radius: 9999px !important;    /* منحني كامل */
  color: #333 !important;              /* لون النص */
  padding: 8px 16px !important;        /* مساحة داخلية */
  font-size: 14px !important;          /* حجم الخط */
  appearance: none !important;         /* يخفي السهم الافتراضي */
  -webkit-appearance: none !important; 
  -moz-appearance: none !important;
}


.s-button-element[product-status="out"] {
  background-color: #B0B0B0 !important;  /* يخلي الخلفية رمادية */
  border: none !important;               /* بدون حدود */
}

.s-button-element[product-status="out"] svg {
  color: #fff !important;   /* الأيقونة أبيض */
  stroke: #fff !important;  /* الخطوط داخل الأيقونة أبيض */
}

.s-product-card-content-subtitle {
  font-size: 10px !important;  /* صغرت النص */
  line-height: 1.4 !important; /* عشان يكون متوازن */
}

#product-filter {
  background-color: #f0f0f0 !important; /* رمادي فاتح */
  border: none !important;              /* بدون حدود */
  border-radius: 9999px !important;     /* انحناء كامل */
  padding: 6px 14px !important;         /* حشوة داخلية متوازنة */
  color: #333 !important;               /* النص رمادي غامق */
  font-size: 14px !important;
  appearance: none !important;

  width: auto !important;               /* يخلي العرض على قد المحتوى */
  min-width: unset !important;          /* يلغي أي حد أدنى */
  display: inline-block !important;     /* يخلي العنصر يلتف حول النص */
}

#free-shipping {
  display: none !important;
}

/* الكبسولة نفسها */
.s-quantity-input-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px !important;   /* انحناء كامل */
  background-color: #f9f9f9 !important; /* نفس لون الخلفية الرمادية للكبسولة */
  padding: 4px 10px;
  width: fit-content;
}

/* الأزرار داخل الكبسولة */
/* حاوية التمركز */
.marquee-container {
  display: flex;
  justify-content: center; /* تمركز أفقي */
  align-items: center;     /* تمركز عمودي داخل الارتفاع المتاح */
  padding: 12px 0;         /* مسافة فوق وتحت (اختياري) */
}

/* احتفظ بالستايل البنغي اللي طلبته سابقًا (pill) */
.bg-primary.text-white.py-2.overflow-hidden {
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  border-radius: 9999px;
  background-color: #38a380;
  max-width: 90vw;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* الحفاظ على marquee كما هو */
.marquee-container .animate-marquee,
.marquee-container .animate-marquee2 {
  will-change: transform;
}

/* المدونة  */

/* شكل البطاقة العام */
.list-block.post-entry {
  display: flex;
  flex-direction: row-reverse; /* الصورة يمين */
  align-items: stretch;
  background-color: #f7f7f7 !important;
  border: none !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  overflow: hidden;
  padding: 28px;
  gap: 32px;
}

/* الصورة داخل البطاقة */
.list-block.post-entry .post-entry__image {
  flex: 0 0 40%;
  border-radius: 20px;
  overflow: hidden;
  background-color: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px; /* فراغ داخل الصورة */
  margin: 0 !important;
  height: auto !important;
}

.list-block.post-entry .post-entry__image img {
  border-radius: 18px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.4s ease;
}

.list-block.post-entry .post-entry__image:hover img {
  transform: scale(1.04);
}

/* النصوص يسار البطاقة */
.list-block.post-entry .flex-1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 20px 10px 0;
}

/* التاريخ والكاتب */
.list-block.post-entry .mb-2\.5 {
  font-size: 14px;
  color: #9a9a9a !important;
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 10px;
}

/* العنوان */
.list-block.post-entry .post-entry__title a {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #3C9870 !important;
  line-height: 1.5;
  text-decoration: none !important;
  margin-bottom: 8px;
  display: inline-block;
}

/* الوصف */
.list-block.post-entry p {
  color: #666 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-bottom: 25px !important;
}

/* إلغاء الوسوم */
.list-block.post-entry .p-4 {
  border: none !important;
  padding: 0 !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap !important;
}

.list-block.post-entry .p-4 a {
  display: none !important;
}

/* الزر داخل المحتوى */
.list-block.post-entry .flex-1::after {
  content: "اقرأ المزيد";
  display: inline-block;
  background-color: #3C9870;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 26px;
  border-radius: 40px;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease, transform 0.2s ease;

  /* المكان داخل نفس div المحتوى */
  position: absolute;
  bottom: 25px;
  right: 30px;
}

/* البطاقة لازم تكون relative */
.list-block.post-entry {
  position: relative;
}

/* تأثير hover */
.list-block.post-entry .flex-1:hover::after {
  background-color: #2f7b59;
  transform: translateY(-2px);
}

/* للجوال: الزر يتوسّط */
@media (max-width: 768px) {
  .list-block.post-entry .flex-1::after {
    position: relative;
    bottom: auto;
    right: auto;
    display: block;
    margin: 20px auto 0;
  }
}
/* لما تمرّ الفارة */
.list-block.post-entry:hover::after {
  background-color: #2f7b59;
  transform: translateY(-2px);
}

/* يجعل الزر يفتح رابط المقال */
.list-block.post-entry::after {
  pointer-events: auto;
}
.list-block.post-entry {
  position: relative;
}
.list-block.post-entry::after {
  position: absolute;
  bottom: 28px;
  left: 40px;
}

/* تجاوب مع الشاشات الصغيرة */
@media (max-width: 992px) {
  .list-block.post-entry {
    flex-direction: column;
    padding: 20px;
  }
  .list-block.post-entry .post-entry__image {
    width: 100%;
    height: 230px;
    margin: 0 0 20px 0;
  }
  .list-block.post-entry .flex-1 {
    padding: 0;
    width: 100%;
  }
  .list-block.post-entry::after {
    position: relative;
    bottom: 0;
    left: 0;
    align-self: center;
    margin-top: 10px;
  }
}

/* إخفاء قسم التصنيفات */
#filters-menu {
  display: none !important;
}

/* تمديد المحتوى ليأخذ كامل العرض */
.main-content {
  grid-column: span 8 / span 8 !important;
  width: 100% !important;
}

/* معالجة الفراغ في الحاوية */
.grid.grid-cols-1.lg\:grid-cols-8 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

/* ضبط التباعد عند تمدد البطاقات */
.main-content > * {
  width: 100% !important;
}

/* للتاكيد على التمدد التام */
@media (min-width: 1024px) {
  .main-content {
    max-width: 100% !important;
  }
}

.list-block.post-entry .flex-1 p {
  display: -webkit-box;
  -webkit-line-clamp: 3;       /* يحدد عدد السطور */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.8;            /* ارتفاع السطر */
  max-height: calc(1.8em * 3); /* ارتفاع الفقرة الكلي */
  color: #666;                 /* لون النص */
  font-size: 15px;             /* حجم النص */
}

/* المحتوى الداخلي يكون مرن */
.list-block.post-entry .flex-1 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 240px; /* يخلي مساحة كافية للزر */
  padding-bottom: 70px; /* مسافة لتحت الزر */
}

.list-block.post-entry .sicon-thumbs-up,
.list-block.post-entry .sicon-thumbs-up + span,
.list-block.post-entry .sicon-thumbs-up + * {
  display: none !important;
}

.list-block.post-entry .post-entry__icons .flex.items-center.gap-1 {
  display: none !important;
}