جدول تستی نسخه فروشگاهی

.page-id-10106 .table-container.my-table-wrapper {
width: 100%;
overflow-x: auto;
direction: rtl;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
margin: 20px 0;
background-color: #f8f9fa;
padding: 15px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.page-id-10106 .my-custom-table {
border-collapse: separate;
border-spacing: 0 8px;
width: 100%;
min-width: 650px;
background: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.page-id-10106 .my-custom-table caption {
font-size: 24px;
font-weight: 700;
padding: 12px 0;
color: #00796b;
text-align: center;
letter-spacing: 1.2px;
}

.page-id-10106 .my-custom-table thead {
background-color: #00796b;
color: #ffffff;
font-weight: 600;
}

.page-id-10106 .my-custom-table thead th {
padding: 14px 18px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
text-align: right;
font-size: 16px;
}

.page-id-10106 .my-custom-table thead th:last-child {
border-right: none;
}

.page-id-10106 .my-custom-table tbody tr {
background-color: #e0f2f1;
transition: background-color 0.3s ease;
}

.page-id-10106 .my-custom-table tbody tr:nth-child(even) {
background-color: #b2dfdb;
}

.page-id-10106 .my-custom-table tbody tr:hover {
background-color: #80cbc4;
}

.page-id-10106 .my-custom-table tbody td,
.page-id-10106 .my-custom-table tbody th {
padding: 14px 18px;
border-right: 1px solid #b2dfdb;
vertical-align: middle;
font-size: 15px;
}

.page-id-10106 .my-custom-table tbody td:last-child,
.page-id-10106 .my-custom-table tbody th:last-child {
border-right: none;
}

.page-id-10106 .my-custom-table tbody th {
font-weight: 700;
background-color: #004d40;
color: #ffffff;
border-radius: 6px 0 0 6px;
}