/**
 * Specs Table — Khabco Lite
 * جدول مقایسه‌ی قیمت/مشخصات که داخل محتوای ادیتور (توضیحات دسته‌بندی،
 * برچسب، برند، برگه، پست بلاگ یا هر بخش دیگری) قرار می‌گیرد.
 * کلاس‌ها: .khabco-specs-scroll > table.khabco-specs-table
 * این فایل سراسری و مستقل از template است — روی همه‌ی صفحات لود می‌شود.
 */

.khabco-specs-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    border-radius: 20px;
    margin: 28px 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #0f4f59 #e8f5f3;
}

.khabco-specs-scroll::-webkit-scrollbar {
    height: 4px;
}

.khabco-specs-scroll::-webkit-scrollbar-track {
    background: #e8f5f3;
    border-radius: 4px;
}

.khabco-specs-scroll::-webkit-scrollbar-thumb {
    background: #0f4f59;
    border-radius: 4px;
}

.khabco-specs-table {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
    min-width: 480px;
}

/* هدر جدول — مستقل از اینکه ادیتور برای ردیف هدر از <th> یا <td> استفاده کرده باشد */
.khabco-specs-table thead tr th,
.khabco-specs-table thead tr td {
    background: #0f4f59;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 20px;
    text-align: center;
    border: none;
    white-space: nowrap;
}

/* ردیف‌های بدنه */
.khabco-specs-table tbody tr {
    border-bottom: 1px solid #e4efee;
    transition: background 0.2s ease;
}

.khabco-specs-table tbody tr:last-child {
    border-bottom: none;
}

.khabco-specs-table tbody tr:hover {
    background: #f5fbfa;
}

.khabco-specs-table tbody td {
    padding: 13px 20px;
    font-size: 13px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    background: #fff;
}

/* ستون اول (نوع سرویس): برجسته */
.khabco-specs-table tbody td:first-child {
    font-weight: 700;
    font-size: 14px;
    color: #0f4f59;
    background: #f5fbfa;
    white-space: nowrap;
}

/* hover روی ستون اول هم اعمال شود */
.khabco-specs-table tbody tr:hover td {
    background: #f0f9f7;
}

.khabco-specs-table tbody tr:hover td:first-child {
    background: #e8f5f3;
}