/* ==========================================
   شبکه البرز - Content (مقالات و برگه‌ها)
   منبع قبلی: Customizer > CSS سفارشی
   ========================================== */

/* -------------------------------
   جدول‌های محتوای مقالات (دسکتاپ)
-------------------------------- */
.single-post .wd-post-content table,
.page .entry-content table {
	width: 100%;
	margin: 25px 0;
	border-collapse: collapse;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 25px rgba(0, 0, 0, .08);
}

.single-post .wd-post-content thead,
.page .entry-content thead {
	background: #0A6C7B;
	color: #fff;
}

.single-post .wd-post-content th,
.page .entry-content th {
	padding: 16px;
	text-align: center;
	font-weight: 600;
}

.single-post .wd-post-content td,
.page .entry-content td {
	padding: 14px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	color: #000;
}

.single-post .wd-post-content tbody tr:nth-child(even),
.page .entry-content tbody tr:nth-child(even) {
	background: #f3fbfc;
}

.single-post .wd-post-content tbody tr:hover,
.page .entry-content tbody tr:hover {
	background: #dcf2f4;
}

.single-post .wd-post-content tbody tr:last-child td,
.page .entry-content tbody tr:last-child td {
	border-bottom: 0;
}

/* -------------------------------
   جدول‌ها در موبایل
-------------------------------- */
@media (max-width: 768px) {

	.single-post .wd-post-content thead,
	.page .entry-content thead {
		display: none;
	}

	.single-post .wd-post-content table tr,
	.page .entry-content table tr {
		display: block;
		margin-bottom: 15px;
		padding: 10px;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 3px 10px rgba(0, 0, 0, .06);
	}

	.single-post .wd-post-content table td,
	.page .entry-content table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
		border-bottom: 1px solid #eee;
	}

	.single-post .wd-post-content table td::before,
	.page .entry-content table td::before {
		content: attr(data-label);
		color: #0A6C7B;
		font-weight: 700;
	}
}