/* استایل اصلی جدول */
table.comparison-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Vazirmatn', 'Tahomna', sans-serif; /* فونت پیشنهادی فارسی */
    direction: rtl;
    text-align: right;
    background-color: #ffffff;
}

/* استایل سرپوش جدول (Header) */
table.comparison-table th {
    background-color: #1e293b; /* رنگ سرمه‌ای تاریک و مدرن */
    color: #ffffff;
    font-weight: 700;
    padding: 16px 20px;
    font-size: 0.95rem;
    white-space: nowrap;
}

/* گرد کردن گوشه‌های هدر (چون border-collapse روی collapse است، این ترفند لازم است) */
table.comparison-table th:first-child {
    border-top-right-radius: 12px;
}
table.comparison-table th:last-child {
    border-top-left-radius: 12px;
}

/* استایل سلول‌های بدنه جدول */
table.comparison-table td {
    padding: 16px 20px;
    color: #475569;
    font-size: 0.9rem;
    border-bottom: 1px solid #f1f5f9;
    transition: background-color 0.2s ease;
}

/* ردیف‌های یکی در میان برای خوانایی بهتر (Zebra Striping) */
table.comparison-table tbody tr:nth-child(even) {
    background-color: #f8fafc;
}

/* افکت هاور روی ردیف‌ها */
table.comparison-table tbody tr:hover td {
    background-color: #f1f5f9;
    color: #0f172a;
}

/* استایل ستون اول (معمولاً عنوان ویژگی‌هاست) */
table.comparison-table td:first-child {
    font-weight: 600;
    color: #1e293b;
    background-color: #fafafa;
}

/* کلاس‌های کمکی برای شخصی‌سازی دکمه‌ها یا آیکون‌های داخل جدول */
table.comparison-table .badge-active {
    background-color: #dcfce7;
    color: #15803d;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 0.8rem;
}

table.comparison-table .badge-inactive {
    background-color: #fee2e2;
    color: #b91c1c;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 0.8rem;
}