/* ════════════════════════════════════════════════
   IRTrader Economic Calendar — استایل ویجت
   همه‌ی سلکتورها زیر ‎.irtEC اسکوپ شده‌اند تا با
   استایل‌های قالب/المنتور تداخلی پیش نیاید.
   ════════════════════════════════════════════════ */

.irtEC{
  --c-navy:#1c2f4a;--c-navy2:#24405f;--c-orange:#f57e20;
  --c-line:#e5e1d5;--c-day:#f5efdd;--c-daytxt:#6b5b2e;
  --c-head:#efe9d7;--c-headtxt:#5c5133;
  --c-red:#d64541;--c-org:#ef8a1e;--c-yel:#e8c012;--c-gray:#b7bcc3;
  --c-up:#178744;--c-dn:#c0392b;--c-txt:#2b2f36;
  --thead-h:38px;
  --sticky-offset:0px; /* ارتفاع هدر چسبان سایت — از شورت‌کد مقداردهی می‌شود */
  font-family:Vazir,Tahoma,Arial,sans-serif;
  color:var(--c-txt);max-width:1000px;margin:0 auto;
  background:#fff;border:1px solid var(--c-line);
  border-radius:10px;font-size:14px;line-height:1.7;
  direction:rtl;text-align:right
}
.irtEC *,.irtEC *::before,.irtEC *::after{box-sizing:border-box}
.irtEC table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;margin:0;border:0;direction:rtl}
.irtEC th,.irtEC td{direction:rtl;unicode-bidi:plaintext}
.irtEC button{font-family:inherit;appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer;color:inherit;box-shadow:none;text-shadow:none}
.irtEC svg{display:inline-block}

/* ── نوار بالا ── */
.irtEC .irtEC-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:linear-gradient(180deg,var(--c-navy2),var(--c-navy));
  color:#fff;padding:12px 16px;border-radius:10px 10px 0 0
}
.irtEC .irtEC-bar-t{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}
.irtEC .irtEC-bar-t svg{width:20px;height:20px;color:var(--c-orange);flex-shrink:0}
.irtEC .irtEC-bar-s{font-size:11.5px;opacity:.85;direction:rtl;unicode-bidi:isolate}
.irtEC .irtEC-gen-date,.irtEC .irtEC-gen-time{unicode-bidi:plaintext;display:inline-block}

/* ── کنترل‌ها ── */
.irtEC .irtEC-ctl{background:#f7f8fa;border-bottom:1px solid var(--c-line);padding:8px 12px}
.irtEC .irtEC-tabs{display:flex;gap:4px;margin-bottom:8px}
.irtEC .irtEC-tab{padding:6px 14px;border-radius:6px;font-size:13px;color:#4a5262;background:none}
.irtEC .irtEC-tab:hover{background:#eceef2}
.irtEC .irtEC-tab.on{background:var(--c-navy);color:#fff;font-weight:700;box-shadow:inset 0 -3px 0 var(--c-orange)}
.irtEC .irtEC-imps{display:flex;gap:4px;margin-bottom:8px}
.irtEC .irtEC-imp{
  display:flex;align-items:center;gap:5px;padding:5px 10px;
  border-radius:6px;font-size:12px;color:#6a7180;
  border:1px solid transparent;opacity:.4;background:none
}
.irtEC .irtEC-imp.on{opacity:1;border-color:var(--c-line);background:#fff}
.irtEC .irtEC-sq{width:11px;height:11px;border-radius:3px;display:inline-block;flex-shrink:0}
.irtEC .irtEC-sq3{background:var(--c-red)}
.irtEC .irtEC-sq2{background:var(--c-org)}
.irtEC .irtEC-sq1{background:var(--c-yel)}
.irtEC .irtEC-sq0{background:var(--c-gray)}

/* ── چیپ‌های ارز ── */
.irtEC .irtEC-curs{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.irtEC .irtEC-chip{--chip-col:#8a90a0;padding:4px 12px;border-radius:16px;font-size:11.5px;font-weight:600;
  border:1px solid var(--c-line);color:#8a90a0;opacity:.5;background:#fff}
.irtEC .irtEC-chip.on{opacity:1;color:var(--chip-col);border-color:var(--chip-col);background:rgba(0,0,0,.02)}

/* ── نشان اختلاف واقعی/پیش‌بینی ── */
.irtEC .irtEC-diff-badge{display:inline-block;margin-inline-start:4px;font-size:10.5px;font-weight:700;
  padding:1px 5px;border-radius:8px}
.irtEC .irtEC-diff-badge.up{background:rgba(23,135,68,.12);color:var(--c-up)}
.irtEC .irtEC-diff-badge.down{background:rgba(192,57,43,.12);color:var(--c-dn)}

/* ── جدول ── */
.irtEC table thead th{
  position:-webkit-sticky;position:sticky;top:var(--sticky-offset);z-index:6;
  background:var(--c-head);color:var(--c-headtxt);
  font-size:12px;font-weight:700;padding:8px 6px;
  text-align:center;border-bottom:1px solid var(--c-line);
  box-shadow:0 1px 0 var(--c-line);border-top:0;border-left:0;border-right:0
}
.irtEC table thead th.irtEC-c-ev{text-align:right}
.irtEC .irtEC-c-time{width:11%}
.irtEC .irtEC-c-cur{width:8%}
.irtEC .irtEC-c-imp{width:8%}
.irtEC .irtEC-c-ev{width:37%}
.irtEC .irtEC-c-num{width:12%}
.irtEC tr.irtEC-day-row td{
  position:-webkit-sticky;position:sticky;top:calc(var(--sticky-offset) + var(--thead-h));z-index:5;
  background:var(--c-day);color:var(--c-daytxt);
  font-size:12.5px;font-weight:700;
  padding:7px 12px;border-bottom:1px solid var(--c-line);
  box-shadow:0 1px 0 var(--c-line);border-top:0;border-left:0;border-right:0
}
.irtEC .irtEC-day-g{font-weight:400;opacity:.7;font-size:11.5px;margin-inline-start:6px;white-space:nowrap}
.irtEC tr.irtEC-ev-row td{
  padding:8px 6px;border-bottom:1px solid #efece2;
  text-align:center;white-space:normal;font-size:13px;overflow-wrap:break-word;
  border-top:0;border-left:0;border-right:0;background:none
}
.irtEC tr.irtEC-ev-row:hover td{background:#fbfaf4}
.irtEC tr.irtEC-ev-row td.irtEC-c-ev{text-align:right;white-space:normal}
.irtEC .irtEC-t-time{color:#5a6270;font-weight:600}
.irtEC .irtEC-t-cur{font-weight:700;color:#3a4254;letter-spacing:.4px}
.irtEC .irtEC-t-num{color:#4a5262}
.irtEC .irtEC-t-act{font-weight:700}
.irtEC .irtEC-t-act.up{color:var(--c-up)}
.irtEC .irtEC-t-act.down{color:var(--c-dn)}
.irtEC .irtEC-msg{padding:28px 12px;text-align:center;color:#7a8190;font-size:13px}
.irtEC .irtEC-retry{color:#f57e20;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit}

/* ── ردیف خبر بعدی ── */
.irtEC tr.irtEC-ev-row.next td{background:rgba(245,126,32,.10)}
.irtEC tr.irtEC-ev-row.next:hover td{background:rgba(245,126,32,.16)}
.irtEC tr.irtEC-ev-row.next td:first-child{box-shadow:inset 3px 0 0 var(--c-orange)}
.irtEC .irtEC-live-dot{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:var(--c-orange);margin-inline-end:5px;
  animation:irtecPulse 1.4s infinite;vertical-align:middle
}
@keyframes irtecPulse{
  0%{box-shadow:0 0 0 0 rgba(245,126,32,.55)}
  70%{box-shadow:0 0 0 6px rgba(245,126,32,0)}
  100%{box-shadow:0 0 0 0 rgba(245,126,32,0)}
}
.irtEC .irtEC-cd-badge{
  display:block;margin-top:3px;font-size:10.5px;font-weight:700;
  color:#fff;background:var(--c-orange);padding:1px 6px;border-radius:10px;
  white-space:nowrap
}

/* ── تولتیپ ── */
.irtEC .irtEC-ev-wrap{position:relative;display:inline-block;cursor:help;border-bottom:1px dashed #c9c4b2}
.irtEC .irtEC-tip{
  position:absolute;bottom:calc(100% + 8px);right:0;z-index:30;
  background:var(--c-navy);color:#fff;direction:ltr;text-align:left;
  font-size:12px;padding:6px 10px;border-radius:6px;
  max-width:280px;width:max-content;white-space:normal;
  box-shadow:0 4px 14px rgba(20,30,50,.25);
  opacity:0;visibility:hidden;transform:translateY(4px);
  transition:opacity .15s,transform .15s;pointer-events:none
}
.irtEC .irtEC-tip::after{
  content:"";position:absolute;top:100%;right:14px;
  border:5px solid transparent;border-top-color:var(--c-navy)
}
.irtEC .irtEC-ev-wrap:hover .irtEC-tip,
.irtEC .irtEC-ev-wrap.open .irtEC-tip{opacity:1;visibility:visible;transform:translateY(0)}

/* ── موبایل ── */
@media(max-width:800px){
  .irtEC{font-size:13px}
  .irtEC .irtEC-bar-s{display:none}
  .irtEC .irtEC-tabs{flex-wrap:wrap}
  .irtEC .irtEC-tab{flex:1;text-align:center;padding:5px 6px;font-size:12px}
  .irtEC .irtEC-imp{padding:4px 7px;font-size:11px}
  .irtEC .irtEC-chip{padding:3px 9px;font-size:10.5px}
  .irtEC .irtEC-tip{max-width:210px}

  /* جدول و بدنه بلاک می‌شوند تا flex روی ردیف‌ها کار کند */
  .irtEC table,.irtEC thead,.irtEC tbody,.irtEC tr{display:block;width:100%}
  .irtEC table thead{display:none}
  .irtEC tr.irtEC-day-row{display:block;position:sticky;top:var(--sticky-offset);z-index:5}
  .irtEC tr.irtEC-day-row td{display:block;width:100%}

  /* هر ردیف خبر = flex دو‌خطی */
  .irtEC tr.irtEC-ev-row{
    display:flex;flex-wrap:wrap;align-items:center;
    gap:3px 8px;padding:9px 10px;
    border-bottom:1px solid #efece2
  }
  .irtEC tr.irtEC-ev-row td{
    display:inline-flex;align-items:center;
    padding:0;border:0;background:none !important;
    text-align:center;white-space:nowrap;font-size:12px
  }
  .irtEC tr.irtEC-ev-row:hover{background:#fbfaf4}
  .irtEC tr.irtEC-ev-row.next{background:rgba(245,126,32,.10);box-shadow:inset 3px 0 0 var(--c-orange)}

  /* خط اول: ساعت | ارز | اهمیت | واقعی | پیش‌بینی | قبلی */
  .irtEC tr.irtEC-ev-row td:nth-child(1){order:1;flex:0 0 auto;font-weight:600;color:#5a6270}
  .irtEC tr.irtEC-ev-row td:nth-child(2){order:2;flex:0 0 auto;font-weight:700}
  .irtEC tr.irtEC-ev-row td:nth-child(3){order:3;flex:0 0 auto}
  .irtEC tr.irtEC-ev-row td:nth-child(5){order:4;flex:1 1 0;min-width:0;justify-content:center;flex-direction:column}
  .irtEC tr.irtEC-ev-row td:nth-child(6){order:5;flex:1 1 0;min-width:0;justify-content:center;flex-direction:column}
  .irtEC tr.irtEC-ev-row td:nth-child(7){order:6;flex:1 1 0;min-width:0;justify-content:center;flex-direction:column}

  /* برچسب بالای هر عدد */
  .irtEC tr.irtEC-ev-row td[data-lbl]::before{
    content:attr(data-lbl);display:block;
    font-size:9px;color:#9aa0ab;font-weight:400;text-align:center
  }

  /* خط دوم: عنوان فارسی — تمام‌عرض */
  .irtEC tr.irtEC-ev-row td:nth-child(4){
    order:7;flex:1 1 100%;
    text-align:right;white-space:normal;
    padding-top:5px;font-size:12.5px;
    display:flex;align-items:flex-start;gap:6px;margin-top:3px
  }
  .irtEC tr.irtEC-ev-row td:nth-child(4)::before{
    content:'';display:inline-block;flex-shrink:0;margin-top:3px;
    width:14px;height:14px;opacity:.35;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b2f36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E") center/contain no-repeat
  }
  .irtEC tr.irtEC-ev-row td:nth-child(4) .irtEC-ev-wrap{border-bottom:none}

  .irtEC .irtEC-cd-badge{display:inline-block;margin-top:0;margin-inline-start:4px}
}