.elementor-690 .elementor-element.elementor-element-8458e3a{text-align:center;}/* Start custom CSS for heading, class: .elementor-element-8458e3a */.table-badge {
  display: inline-block;
  padding: 6px 15px;
  border-radius: 10px;

  /* گرادیانت متحرک */
  background: linear-gradient(
    135deg,
    #00ffb4,
    #00b4ff,
    #00ffe0
  );
  background-size: 300% 300%;
  animation: cyberMove 4s ease-in-out infinite;

  /* متن روشن */
  color: #eaffff;
  font-size: 13px;
  font-weight: 600;

  /* افکت شیشه‌ای */
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);

  /* حاشیه نئونی */
  border: 1px solid rgba(0,255,230,0.3);

  /* سایه */
  box-shadow: 0 4px 14px rgba(0, 255, 210, 0.35);
}

/* انیمیشن گرادیانت */
@keyframes cyberMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-900b016 */:root{
  --glass-bg: rgba(255,255,255,0.10);
  --glass-border: rgba(255,255,255,0.20);

  /* رنگ تیره‌تر و خواناتر */
  --accent: #c3d4f0;   /* عنوان ستون‌ها */
  --muted: #9fb3cc;    /* متن سلول‌ها */

  --row-alt: rgba(255,255,255,0.05);
  --hover: rgba(255,255,255,0.10);

  --shadow: 0 10px 30px rgba(0,0,0,0.55);
  --radius: 14px;
}

/* ====== ظرف جدول (برای اسکرول کوچک صفحه و فضای داخلی) ====== */
.table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px;
  margin: 18px 0;
}

/* ====== سبک کلی جدول ====== */
table.glass-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  direction: rtl;           /* راست به چپ برای فارسی */
  text-align: right;
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  box-shadow: var(--shadow);
  overflow: hidden;
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(10px) saturate(120%); /* فیلتر شیشه‌ای (پشتیبانی: Safari, Chrome جدید) */
  -webkit-backdrop-filter: blur(10px) saturate(120%);
}

/* برای مرورگرهای قدیمی که backdrop-filter ندارند */
table.glass-table::before{
  content: "";
  position: absolute;
}

/* ====== سلول‌ها ====== */
table.glass-table th,
table.glass-table td{
  padding: 14px 18px;
  font-size: 15px;
  color: var(--muted);
  vertical-align: middle;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  backdrop-filter: none; /* فقط جدول کل فیلتر می‌خواد */
}

/* ====== هِدر ====== */
table.glass-table thead th{
  position: sticky;
  top: 0;
  z-index: 4;
  text-transform: none;
  font-weight: 600;
  color: var(--accent);
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* ====== ردیف‌های متناوب ====== */
table.glass-table tbody tr:nth-child(even){
  background: var(--row-alt);
}

/* ====== افکت هاور ردیف‌ها ====== */
table.glass-table tbody tr{
  transition: transform 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
  transform: translateZ(0);
}
table.glass-table tbody tr:hover{
  background: var(--hover);
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(2,6,23,0.35);
}

/* ====== سلول‌های اول و آخر گرد شده ====== */
table.glass-table tbody tr td:first-child{
  padding-right: 22px;
}
table.glass-table tbody tr td:last-child{
  padding-left: 22px;
}

/* ====== ریسپانسیو: فونت و جدول قابل اسکرول ====== */
@media (max-width: 720px){
  table.glass-table th,
  table.glass-table td{
    padding: 12px 10px;
    font-size: 14px;
  }
}

/* ====== گزینه‌های اضافی: شماره ردیف، وضعیت، دکمه ====== */
.table-badge {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.06);
  font-size: 13px;
  color: var(--accent);
}

/* ====== دسترسی: کنتراست بیشتر هنگام فوکوس (کیبورد) ====== */
table.glass-table tr:focus-within,
table.glass-table tr:focus{
  outline: 2px solid rgba(255,255,255,0.08);
  outline-offset: -2px;
}
table.glass-table thead th{
  font-weight: 700;                       /* پررنگ‌تر */
  color: #eef3ff;                         /* متن روشن‌تر و خواناتر */
  
  background: linear-gradient(
      135deg,
      rgba(40,60,95,0.65),
      rgba(25,35,55,0.65)
  );                                      /* زمینه تیره و شیشه‌ای جذاب */

  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);

  border-bottom: 2px solid rgba(255,255,255,0.25); /* خط زیر مشخص‌تر */
  padding: 16px 20px;                     /* ارتفاع بیشتر و لوکس‌تر */
  letter-spacing: .3px;
  text-shadow: 0 2px 6px rgba(0,0,0,0.35); /* وضوح بیشتر */
}/* End custom CSS */