/* فونت از خود سایت */
.ida-slider, .ida-caption, .ida-title, .ida-summary, .ida-chip, .ida-badge, .ida-arrow, .ida-btn { font-family: inherit }

/* ظرف کلی + نسبت تصویر برای ریسپانسیو تمیز */
.ida-slider{
  position:relative; border-radius:22px; overflow:hidden; background:#eef3ff;
  aspect-ratio: 16 / 7; /* دسکتاپ */
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}

/* اسلایدها: فید + مقیاس بسیار ملایم */
.ida-slide{ position:absolute; inset:0; opacity:0; transform:scale(1.02); transition:opacity .6s ease, transform .6s ease; will-change:opacity, transform }
.ida-slide.is-active{ opacity:1; transform:scale(1); z-index:2 }

/* تصویر همیشه کاور */
.ida-slide img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
}

/* لینک روی کل بنر */
.ida-link{ display:block; position:relative }

/* کپسول آبی پایین */
.ida-caption{
  position:absolute; left:0; right:0; bottom:0; padding:0; background:transparent; color:#fff; pointer-events:none;
}
.ida-caption::before{
  content:""; position:absolute; left:14px; right:14px; bottom:12px; min-height:58px;
  background:rgba(24,79,170,.86);
  border:2px solid #fff; border-radius:24px;
  box-shadow:0 6px 16px rgba(17,45,115,.35) inset, 0 3px 16px rgba(7,22,74,.25);
  backdrop-filter:saturate(120%) blur(2px);
}

/* محتوا داخل کپسول */
.ida-caption > .ida-inner{
  position:relative; z-index:2; pointer-events:auto;
  margin:0 28px 18px 28px;
  display:flex; align-items:center; gap:14px;
  padding-inline-start:96px; /* جا برای کپسول دکمه‌ها؛ از روی متن رد نشود */
}

/* تیتر و خلاصه */
.ida-title{ margin:0; font-weight:800; font-size:18px; line-height:1.35; text-shadow:0 1px 1px rgba(0,0,0,.15) }
.ida-summary{ margin:0; font-size:14px; opacity:.95 }

/* چیپ تاریخ سمت راست */
.ida-chip{
  margin-inline-start:auto;
  padding:7px 12px; border-radius:999px;
  background:rgba(255,255,255,.18);
  border:2px solid #fff; color:#fff; white-space:nowrap; font-size:12px; line-height:1;
  box-shadow:0 1px 4px rgba(0,0,0,.12) inset;
}

/* بج قرمز */
.ida-badge{
  position:absolute; inset-inline-start:28px; bottom:calc(100% - 18px); transform:translateY(-100%);
  padding:8px 12px; border-radius:16px; color:#fff; font-weight:700; font-size:12px;
  border:2px solid #fff; background:#e53935;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}

/* کپسول فلش‌ها – همیشه چپ (حتی در RTL) */
.ida-controls{
  position:absolute; left:22px; bottom:18px; z-index:3;
  background:rgba(24,79,170,.92);
  border:2px solid #fff; border-radius:26px; padding:4px 8px; display:flex; gap:8px;
  box-shadow:0 6px 16px rgba(7,22,74,.25);
}

/* دکمه‌های فلش */
.ida-arrow{
  width:36px; height:36px; border-radius:999px;
  background:transparent; color:#fff; border:2px solid #fff; cursor:pointer;
  display:grid; place-items:center; font-size:16px; line-height:1; transition:transform .15s ease, background .15s ease;
}
.ida-arrow:hover{ background:rgba(255,255,255,.08) }
.ida-arrow:active{ transform:scale(.95) }
.ida-arrow[disabled]{ opacity:.4; cursor:default }

/* نقطه‌ها در این طرح مخفی‌اند */
.ida-dots{ display:none }

/* دکمه CTA (اگر استفاده شود) */
.ida-btn{
  display:inline-block; margin-inline-start:8px; padding:9px 12px; border-radius:10px;
  text-decoration:none; background:#fff; color:#0a2a73; border:2px solid #fff;
}

/* RTL: متن راست‌چین، کنترل‌ها همچنان چپ */
html[dir="rtl"] .ida-caption > .ida-inner{ flex-direction:row }

/* موبایل */
@media (max-width:680px){
  .ida-slider{ aspect-ratio: 16 / 9; border-radius:18px }
  .ida-caption::before{ left:10px; right:10px; bottom:10px; min-height:50px; border-radius:20px }
  .ida-caption > .ida-inner{ margin:0 20px 16px 20px; gap:10px; padding-inline-start:88px }
  .ida-title{ font-size:16px }
  .ida-summary{ display:none } /* مثل شات: فقط عنوان و چیپ */
  .ida-chip{ font-size:11px; padding:6px 10px; border-width:2px }
  .ida-badge{ inset-inline-start:20px; bottom:calc(100% - 14px); padding:6px 10px; font-size:11px; border-width:2px }
  .ida-controls{ left:16px; bottom:14px; padding:4px 8px; border-radius:22px }
  .ida-arrow{ width:32px; height:32px; font-size:15px }
}

/* Fallback بدون JS */
.ida-slider.ida-nojs .ida-slide:first-child{ opacity:1; position:relative }

/* ===== FIX: چینش مطمئن و بدون تداخل برای RTL ===== */

/* لایه‌ها مطمئن */
.ida-link { position: relative; }
.ida-caption { z-index: 30 !important; }
.ida-controls { z-index: 25 !important; left: 22px; right: auto; bottom: 18px; }

/* کپسول آبی (پس‌زمینه) همون قبل */
.ida-caption::before{
  content:""; position:absolute; left:14px; right:14px; bottom:12px; min-height:58px;
  background:rgba(24,79,170,.86); border:2px solid #fff; border-radius:24px;
  box-shadow:0 6px 16px rgba(17,45,115,.35) inset, 0 3px 16px rgba(7,22,74,.25);
  backdrop-filter:saturate(120%) blur(2px);
}

/* محتوای داخل کپسول: افقی راست، عمودی وسط */
.ida-caption > .ida-inner{
  position: absolute;
  /* فضای واقعی کپسول محتوا: از راست می‌چسبد، برای دکمه‌های چپ جا می‌گذاریم */
  right: 24px;
  left: 96px;         /* فضای خالی برای کپسول دکمه‌ها در سمت چپ */
  bottom: 12px;
  height: 58px;

  display: flex;
  align-items: center;        /* عمودی وسط */
  justify-content: flex-end;  /* افقی به سمت راست */
  gap: 12px;

  text-align: right;
  direction: rtl;
}

/* تیتر و خلاصه راست‌چین بمانند */
.ida-title, .ida-summary { text-align: right; }

/* چیپ تاریخ: کنار تیتر در سمت راست قرار بگیرد (در RTL سمت «چپِ تیتر» دیده می‌شود) */
.ida-chip { margin-left: 12px; margin-right: 0; }

/* موبایل: کمی جمع‌وجورتر */
@media (max-width:680px){
  .ida-caption::before{ left:10px; right:10px; bottom:10px; min-height:50px; border-radius:20px; }
  .ida-caption > .ida-inner{
    right: 16px;
    left: 88px;      /* هنوز برای دکمه‌های چپ جا باشد */
    bottom: 10px;
    height: 50px;
    gap: 10px;
  }
  .ida-summary{ display: none; }  /* طبق طرح قبلی: فقط تیتر + چیپ */
  .ida-chip{ font-size: 11px; padding: 6px 10px; }
}
/* ===== Override: چینش متن راست‌چین و عمودی وسط ===== */
.ida-caption > .ida-inner{
  position: absolute;
  right: 24px;
  left: 96px;         /* جا برای دکمه‌های سمت چپ */
  bottom: 12px;
  height: 58px;
  display: flex;
  align-items: center;        /* وسط عمودی */
  justify-content: flex-end;  /* افقی به سمت راست */
  gap: 12px;
  text-align: right;
  direction: rtl;
}

.ida-title, .ida-summary { text-align: right; }
.ida-chip { margin-left: 12px; margin-right: 0; }

@media (max-width:680px){
  .ida-caption > .ida-inner{
    right: 16px;
    left: 88px;
    bottom: 10px;
    height: 50px;
    gap: 10px;
  }
  .ida-summary{ display: none; }
  .ida-chip{ font-size: 11px; padding: 6px 10px; }
}

/* فقط تصویر + دکمه‌های قبلی/بعدی — همه متن‌ها و کپسول حذف شوند */
.ida-caption,
.ida-caption::before,
.ida-caption > .ida-inner,
.ida-title,
.ida-summary,
.ida-chip,
.ida-badge,
.ida-btn { display: none !important; }

/* مطمئن شو فلش‌ها روی تصویر دیده می‌شوند */
.ida-controls { z-index: 25 !important; left: 22px; right: auto; bottom: 18px; }

/* (اختیاری) اگر کپسول دور فلش‌ها هم نمی‌خواهی و فقط دایره‌های ساده می‌خوای: */
 /* 
.ida-controls{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
*/