/* أساسيات */
.dm-wrap{ font-family:"Cairo",Tahoma,Arial,sans-serif; margin: 8px 0 14px; position: relative; }
.dm-empty{ color:#777; }

.dm-card{
  background:#f5f5f6; border-radius:18px; box-shadow:0 6px 18px rgba(0,0,0,.06);
  overflow:hidden; display:flex; flex-direction:column;
}

/* الصورة */
.dm-media{ position:relative; display:block; background:#d9d9d9; }
.dm-media img{ width:100%; height:auto; display:block; aspect-ratio:16/9; object-fit:cover; }
.dm-media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,.18));
  pointer-events:none;
}
.dm-ph{ width:100%; aspect-ratio:16/9; background:#d0d0d0; }

/* البادچات */
.dm-badges{
  position:absolute; inset-block-end:12px; inset-inline-start:12px;
  display:flex; gap:8px; flex-wrap:wrap;
}
.dm-badge{
  background:#be2d2d; color:#fff; font-size:12px; font-weight:700;
  padding:6px 10px; border-radius:8px; line-height:1;
}

/* العنوان + التاريخ */
.dm-title{ background:#fff; padding:18px; }
.dm-title a{
  color:#111; text-decoration:none; font-weight:800; font-size:26px; line-height:1.35;
}
.dm-meta{ padding:0 18px 18px; color:#666; font-size:12px; }

/* شبكة (layout=list) */
.dm-grid{
  display:grid; gap:20px;
  grid-template-columns: 1fr;
}
@media (min-width:640px){ .dm-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width:1024px){ .dm-grid{ grid-template-columns: repeat(3,1fr); } }

/* سلايدر (layout=slider) */
.dm-is-slider .dm-track{
  display:grid; grid-auto-flow:column; gap:20px;
  grid-auto-columns: calc(100% - 32px);
  overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding:8px;
}
.dm-is-slider .dm-track::-webkit-scrollbar{ height:8px }
.dm-is-slider .dm-track::-webkit-scrollbar-thumb{ background:#ddd; border-radius:999px }

.dm-is-slider .dm-card{ scroll-snap-align:start; }

@media (min-width:640px){
  .dm-is-slider .dm-track{ grid-auto-columns: calc(50% - 10px); }
  .dm-title a{ font-size:24px; }
}
@media (min-width:1024px){
  .dm-is-slider .dm-track{ grid-auto-columns: calc(33.333% - 13.333px); }
  .dm-title a{ font-size:26px; }
}

/* أزرار التنقل */
.dm-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border:none; border-radius:999px;
  background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.12);
  font-size:26px; line-height:44px; text-align:center;
  cursor:pointer; color:#333; z-index:2;
}
.dm-prev{ inset-inline-start:6px; }
.dm-next{ inset-inline-end:6px; }
.dm-nav:disabled{ opacity:.4; cursor:default; }