/* ═══════════════════════════════════════════
   Mawashrik Slider  v1.0
   RTL — Arabic — WooCommerce
═══════════════════════════════════════════ */
*{box-sizing:border-box}
.mwk-slider-wrap{
  position:relative;
  overflow:hidden;
  font-family:'Cairo','Tahoma',sans-serif;
  direction:rtl;
  padding:0 40px;
}
.mwk-sl-track{
  display:flex;
  gap:18px;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
/* ── Card ── */
.mwk-sl-card{
  min-width:0;
  flex:0 0 calc((100% - 36px) / 3);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 14px rgba(0,0,0,.10);
  background:#fff;
  transition:transform .25s,box-shadow .25s;
  display:flex;
  flex-direction:column;
}
.mwk-sl-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 24px rgba(0,0,0,.15);
}
/* ── Thumb ── */
.mwk-sl-thumb{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f0f0f0;
}
.mwk-sl-thumb img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .4s;
}
.mwk-sl-card:hover .mwk-sl-thumb img{transform:scale(1.04);}
.mwk-sl-no-img{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:48px;background:#e8f5e9;
}
/* ── Badge ── */
.mwk-sl-badge{
  position:absolute;top:10px;left:10px;
  padding:4px 12px;border-radius:20px;
  font-size:11px;font-weight:700;
  letter-spacing:.3px;
}
.sl-active{background:#1a8a4a;color:#fff;}
.sl-ended {background:#e74c3c;color:#fff;}
.sl-soon  {background:#f39c12;color:#fff;}
.sl-full  {background:#7f8c8d;color:#fff;}
/* ── Body ── */
.mwk-sl-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:10px;}
.mwk-sl-title{margin:0;font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.3;}
.mwk-sl-title a{color:inherit;text-decoration:none;}
.mwk-sl-title a:hover{color:#1a8a4a;}
/* ── Dates ── */
.mwk-sl-dates{display:flex;flex-wrap:wrap;gap:5px;}
.sl-dt{
  font-size:10.5px;padding:3px 9px;border-radius:12px;
  white-space:nowrap;
}
.sl-dt-s {background:#fff3cd;color:#856404;}
.sl-dt-st{background:#d1ecf1;color:#0c5460;}
.sl-dt-e {background:#f8d7da;color:#721c24;}
/* ── Progress ── */
.mwk-sl-prog{display:flex;align-items:center;gap:8px;}
.mwk-sl-bar{
  flex:1;height:8px;background:#e8f5e9;border-radius:8px;overflow:hidden;
}
.mwk-sl-fill{
  height:100%;background:linear-gradient(90deg,#27ae60,#1a8a4a);
  border-radius:8px;transition:width .8s;
}
.mwk-sl-pct{font-size:11px;color:#27ae60;font-weight:700;white-space:nowrap;}
/* ── Stats ── */
.mwk-sl-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:6px;
  background:#f9f9f9;border-radius:10px;padding:8px 6px;
}
.mwk-sl-stat{
  display:flex;flex-direction:column;align-items:center;
  gap:2px;text-align:center;
}
.mwk-sl-stat strong{font-size:15px;color:#1a1a1a;font-weight:700;}
.mwk-sl-stat small{font-size:9.5px;color:#666;}
/* ── Button ── */
.mwk-sl-btn{
  display:block;text-align:center;
  background:linear-gradient(135deg,#27ae60,#1a8a4a);
  color:#fff;text-decoration:none;
  padding:10px 16px;border-radius:10px;
  font-size:13px;font-weight:700;
  transition:opacity .2s;margin-top:auto;
}
.mwk-sl-btn:hover{opacity:.88;color:#fff;}
.sl-btn-off{
  background:#bdc3c7;pointer-events:none;
}
/* ── Navigation Arrows ── */
.mwk-sl-prev,.mwk-sl-next{
  position:absolute;top:50%;
  transform:translateY(-50%);
  width:36px;height:36px;border-radius:50%;
  background:#fff;border:1px solid #ddd;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  cursor:pointer;font-size:22px;line-height:34px;
  color:#1a8a4a;text-align:center;
  transition:background .2s,box-shadow .2s;
  z-index:10;padding:0;
}
.mwk-sl-prev:hover,.mwk-sl-next:hover{
  background:#1a8a4a;color:#fff;
  box-shadow:0 4px 14px rgba(26,138,74,.3);
}
.mwk-sl-prev{left:2px;}
.mwk-sl-next{right:2px;}
/* ── Dots ── */
.mwk-sl-dots{
  display:flex;justify-content:center;gap:7px;
  margin-top:16px;
}
.mwk-sl-dot{
  width:8px;height:8px;border-radius:50%;
  background:#c8e6c9;cursor:pointer;
  transition:background .2s,transform .2s;
  border:none;padding:0;
}
.mwk-sl-dot.active{
  background:#1a8a4a;transform:scale(1.3);
}
/* ── Responsive ── */
@media(max-width:900px){
  .mwk-sl-card{flex:0 0 calc((100% - 18px) / 2);}
}
@media(max-width:580px){
  .mwk-sl-card{flex:0 0 88%;}
  .mwk-slider-wrap{padding:0 24px;}
  .mwk-sl-stats{grid-template-columns:repeat(2,1fr);}
}