﻿
/* حذف خطوط جدول بین سلول‌ها */
div.rz-datatable table.rz-datatable-table > thead > tr > th,
div.rz-datatable table.rz-datatable-table > tbody > tr > td {
    border: none !important;
}

/* تنظیم فاصله‌ی بین ردیف‌ها (مدل جدول separate با فاصله عمودی) */
div.rz-datatable table.rz-datatable-table {
    border-collapse: separate !important;
    border-spacing: 0 12px !important; /* 12px فاصله عمودی بین ردیف‌ها */
}

    /* استایل کارت برای هر ردیف */
    div.rz-datatable table.rz-datatable-table > tbody > tr {
        background-color: #ffffff !important; /* پس‌زمینه سفید برای ردیف */
        border-radius: 10px !important; /* گوشه‌های گرد کارت */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; /* سایه کم */
        overflow: hidden !important; /* جلوگیری از بیرون‌زدن محتوا از گوشه‌های گرد */
        transition: box-shadow 0.3s ease-in-out;
    }

        /* افکت هنگام هاور شدن روی ردیف */
        div.rz-datatable table.rz-datatable-table > tbody > tr:hover {
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important; /* سایه عمیق‌تر */
            /* transform: translateY(-2px) !important; */
        }

        /* تنظیمات سلول‌های دیتا (بدنه جدول) */
        div.rz-datatable table.rz-datatable-table > tbody > tr > td {
            padding: 16px 20px !important; /* فضای داخلی هر سلول */
            font-size: 1.05rem !important; /* افزایش اندازه فونت محتوای سلول */
            vertical-align: middle !important; /* متن سلول عمودی وسط چین شود */
            background-color: #ffffff !important;
            border: none !important;
        }

    /* تنظیمات سلول‌های سربرگ ستون‌ها */
    div.rz-datatable table.rz-datatable-table > thead > tr > th {
        background-color: #f1f3f5 !important; /* پس‌زمینه‌ی سربرگ کمی خاکستری روشن */
        font-size: 1.2rem !important; /* افزایش اندازه فونت عنوان ستون */
        font-weight: 700 !important; /* بولد کردن فونت سربرگ */
        color: #333 !important; /* رنگ متن سربرگ (خاکستری تیره) */
        text-align: center !important; /* مرکزچین شدن متن سربرگ */
        padding: 18px 20px !important; /* فضای داخلی هر سلول سربرگ */
        border: none !important;
    }
.search-modal-header {
    padding: 0.75rem 1rem;
    background-color: #f1f1f1;
    border-bottom: 1px solid #dee2e6;
}

    .search-modal-header h5 {
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 0;
        color: #2d2d2d;
    }

.custom-radio-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    background: #f4faff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    cursor: pointer;
    position: relative;
}

    .custom-radio-option:hover {
        background-color: #eaf6fc;
        box-shadow: 0 0 10px rgba(114, 182, 255, 0.2); /* رنگ آبی ملایم‌تر */
    }

    .custom-radio-option input[type="radio"]:checked + .custom-radio-label {
        font-weight: bold;
        color: #004a99;
    }

.custom-radio {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #7db6f3; /* آبی روشن‌تر */
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    background-color: white;
}

    .custom-radio::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: 3px;
        left: 3px;
        background-color: #7db6f3; /* نقطه آبی داخل دکمه */
        border-radius: 50%;
        opacity: 0;
        transform: scale(0);
        transition: all 0.25s ease-in-out;
    }

    .custom-radio:checked::after {
        opacity: 1;
        transform: scale(1);
    }

    .custom-radio:checked {
        box-shadow: 0 0 10px 4px rgba(114, 182, 255, 0.2); /* نور آبی نرم‌تر */
        background-color: #eef7ff;
    }

.custom-radio-label {
    font-size: 1.05rem;
    transition: color 0.2s ease-in-out;
}


