/*
 * Components Premium
 * ------------------
 * ارتقای پریمیوم برای رنگ‌بندی، کارت‌ها، جدول‌ها و دکمه‌ها.
 * از پالت موجود پروژه (--bs-*-rgb) استفاده می‌کند تا با تم و dark mode هماهنگ بماند.
 * بعد از premium-polish.css و قبل از dashboard-premium.css لود می‌شود.
 */

/* ============================================================
 * دکمه‌ها — عمق و گلوی رنگیِ متناسب با هر variant
 * (background-image روی background-color تم سوار می‌شود؛ تداخل ندارد)
 * ============================================================ */
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(0, 0, 0, 0.05));
    border: none;
}
/* گلوی رنگی هم‌رنگ هر دکمه */
.btn-primary   { box-shadow: 0 3px 10px rgba(var(--bs-primary-rgb, 59, 130, 246), 0.30); }
.btn-secondary { box-shadow: 0 3px 10px rgba(var(--bs-secondary-rgb, 16, 185, 129), 0.30); }
.btn-success   { box-shadow: 0 3px 10px rgba(var(--bs-success-rgb, 16, 185, 129), 0.30); }
.btn-info      { box-shadow: 0 3px 10px rgba(var(--bs-info-rgb, 59, 130, 246), 0.30); }
.btn-warning   { box-shadow: 0 3px 10px rgba(var(--bs-warning-rgb, 245, 158, 11), 0.30); }
.btn-danger    { box-shadow: 0 3px 10px rgba(var(--bs-danger-rgb, 239, 68, 68), 0.30); }

.btn-primary:hover   { box-shadow: 0 6px 18px rgba(var(--bs-primary-rgb, 59, 130, 246), 0.42); }
.btn-secondary:hover { box-shadow: 0 6px 18px rgba(var(--bs-secondary-rgb, 16, 185, 129), 0.42); }
.btn-success:hover   { box-shadow: 0 6px 18px rgba(var(--bs-success-rgb, 16, 185, 129), 0.42); }
.btn-info:hover      { box-shadow: 0 6px 18px rgba(var(--bs-info-rgb, 59, 130, 246), 0.42); }
.btn-warning:hover   { box-shadow: 0 6px 18px rgba(var(--bs-warning-rgb, 245, 158, 11), 0.42); }
.btn-danger:hover    { box-shadow: 0 6px 18px rgba(var(--bs-danger-rgb, 239, 68, 68), 0.42); }

/* دکمه‌های روشن و outline: ظرافت بدون گلو */
.btn-light {
    border: 1px solid var(--pp-border, rgba(15, 23, 42, 0.08));
}
.btn-light:hover {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.06);
    border-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.25);
}
[class*="btn-outline-"] {
    box-shadow: none;
}

/* دکمهٔ غیرفعال: بدون گلو و لیفت */
.btn:disabled,
.btn.disabled {
    box-shadow: none !important;
    transform: none !important;
    background-image: none;
}

/* ============================================================
 * کارت‌ها — لهجهٔ رنگی برای کارت‌های variant‌دار
 * ============================================================ */
.card.border-primary { border-top: 3px solid var(--bs-primary, #3b82f6); }
.card.border-success { border-top: 3px solid var(--bs-success, #10b981); }
.card.border-info    { border-top: 3px solid var(--bs-info, #3b82f6); }
.card.border-warning { border-top: 3px solid var(--bs-warning, #f59e0b); }
.card.border-danger  { border-top: 3px solid var(--bs-danger, #ef4444); }

/* هدر کارت با پس‌زمینهٔ رنگی: کمی نرم‌تر و خواناتر */
.card-header[class*="bg-"] {
    border-bottom: none;
}

/* کارت‌های subtle: بوردر هماهنگ */
.card[class*="bg-"][class*="-subtle"] {
    border: 1px solid var(--pp-border, rgba(15, 23, 42, 0.08));
}

/* ============================================================
 * بَج‌ها — رنگ‌بندی نرم و یکدست
 * ============================================================ */
.badge[class*="-subtle"] {
    border: 1px solid rgba(var(--bs-primary-rgb, 59, 130, 246), 0.12);
}

/* ============================================================
 * جدول‌ها — فقط دسکتاپ (حالت موبایلِ data-label دست‌نخورده می‌ماند)
 * ============================================================ */
@media (min-width: 768px) {
    .table > thead > tr > th,
    .table > thead th {
        background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.045);
        color: var(--bs-emphasis-color, #1e293b);
        font-weight: 600;
        border-bottom: 2px solid rgba(var(--bs-primary-rgb, 59, 130, 246), 0.15);
        padding-top: 0.85rem;
        padding-bottom: 0.85rem;
        white-space: nowrap;
    }
    /* گردی گوشه‌های سرستون (RTL-aware) */
    .table > thead > tr > th:first-child {
        border-start-start-radius: 0.5rem;
    }
    .table > thead > tr > th:last-child {
        border-start-end-radius: 0.5rem;
    }
    /* هاور ردیف با ته‌رنگ برند */
    .table-hover > tbody > tr:hover > * {
        background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.05);
    }
    /* خطوط جداکنندهٔ ملایم‌تر */
    .table > tbody > tr > td {
        border-color: rgba(15, 23, 42, 0.05);
        vertical-align: middle;
    }
    /* راه‌راه ظریف‌تر */
    .table-striped > tbody > tr:nth-of-type(odd) > * {
        background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.025);
    }
}

[data-bs-theme="dark"] .table > tbody > tr > td {
    border-color: rgba(255, 255, 255, 0.06);
}

/* ============================================================
 * نوارهای رنگیِ پیشرفت/متن: یکدست‌سازی ته‌رنگ‌ها
 * ============================================================ */
.bg-primary-subtle  { background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.10) !important; }
.bg-success-subtle  { background-color: rgba(var(--bs-success-rgb, 16, 185, 129), 0.10) !important; }
.bg-info-subtle     { background-color: rgba(var(--bs-info-rgb, 59, 130, 246), 0.10) !important; }
.bg-warning-subtle  { background-color: rgba(var(--bs-warning-rgb, 245, 158, 11), 0.10) !important; }
.bg-danger-subtle   { background-color: rgba(var(--bs-danger-rgb, 239, 68, 68), 0.10) !important; }