.elementor-8322 .elementor-element.elementor-element-1e694a1{--display:flex;}.elementor-8322 .elementor-element.elementor-element-d2398c2 > .elementor-widget-container{margin:20px 0px 15px 0px;}.elementor-8322 .elementor-element.elementor-element-299b4f0{--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-8322 .elementor-element.elementor-element-299b4f0 > .elementor-widget-container{margin:0px 0px 70px 0px;}.elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-8322 .elementor-element.elementor-element-299b4f0:after{content:"0.66";}.elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-post__thumbnail__link{width:100%;}.elementor-8322 .elementor-element.elementor-element-299b4f0.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:10px;}.elementor-8322 .elementor-element.elementor-element-299b4f0.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:10px;}.elementor-8322 .elementor-element.elementor-element-299b4f0.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:10px;}.elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-8322 .elementor-element.elementor-element-1e694a1{--content-width:90%;}.elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-8322 .elementor-element.elementor-element-299b4f0:after{content:"0.5";}.elementor-8322 .elementor-element.elementor-element-299b4f0 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-8322 .elementor-element.elementor-element-1e694a1{--content-width:60%;}}/* Start custom CSS for container, class: .elementor-element-1e694a1 *//* 1) إذا القائمة فارغة (لا LI داخلها) نخفيها تماماً */
.da-subcat-grid:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) نمط عام للقائمة */
.da-subcat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  gap: 1rem;
  margin: 0 0 1.5rem;   /* بدل 2rem من قبل */
  padding: 0;
  list-style: none;
}

/* 3) الروابط داخل القائمة */
.da-subcat-grid li a {
  display: block;
  background: #f6f6f6;
  padding: .75rem 1rem;
  border-radius: 6px;
  text-align: center;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  transition: background .2s;
}
.da-subcat-grid li a:hover {
  background: #e9e9e9;
}




@media (max-width: 767px) {
  /* 1) مسافة أكبر بين العنوان والقائمة */
  .da-category-title {
    margin-bottom: 1rem !important;
    font-size: 1.5rem !important;
  }

  /* 2) عرض زرين في الصف بدلاً من واحد */
  .da-subcat-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
  }

  /* 3) تحسين المظهر العام للأزرار */
  .da-subcat-grid li a {
    padding: 0.6rem 0.8rem !important;
    font-size: 0.95rem !important;
  }

  /* 4) توسيط الأزرار داخل الخلايا */
  .da-subcat-grid li {
    text-align: center;
  }
}





/* --------- حاوية الترقيم (كل الكلاسات الشائعة) --------- */
.page-numbers,
.pagination,
.elementor-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 2rem 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* ------- روابط الأرقام (a) والرقم الحالي (span.current) ------- */
.page-numbers a,
.page-numbers span.current,
.pagination a,
.pagination span.current,
.elementor-pagination a,
.elementor-pagination span.current {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.5rem 0.75rem !important;   /* ارتفاع مناسب وحجم أفقي معقول */
  margin: 0 !important;                 /* المسافة ترجع من الحاوية بالـ gap */
  font-size: 0.9rem !important;         /* حجم خط متوازن */
  background-color: #f6f6f6 !important; /* خلفية فاتحة ولطيفة */
  color: #333 !important;               /* لون نص واضح */
  border-radius: 0.25rem !important;    /* حواف خفيفة */
  text-decoration: none !important;     /* إزالة التسطير */
  line-height: 1 !important;            /* منع أي تمدّد عمودي */
  min-width: auto !important;           /* يلغي أي حد أدنى */
  height: auto !important;              /* يلغي أي حد أقصى */
}

/* --------- حالة الرقم المحدد حاليًا --------- */
.page-numbers span.current,
.pagination span.current,
.elementor-pagination span.current {
  background-color: #e9e9e9 !important;
  color: #000 !important;
}

/* --------- تأثير التمرير (Hover) --------- */
.page-numbers a:hover,
.pagination a:hover,
.elementor-pagination a:hover {
  background-color: #e9e9e9 !important;
}

/* --------- (اختياري) إذا كان نظامك يضع القوائم داخل li ---------- */
.page-numbers li,
.pagination li,
.elementor-pagination li {
  list-style: none !important;
}/* End custom CSS */