/* ---- price TABLE (text-editor widget with class me-price__table, below the cards) ---- */
.me-price__table {
	width: 100%;
	max-width: 1100px;
	margin: 40px auto 0;
}
.me-price__table table {
	width: 100%;
	margin: 0;
	border: 1px solid #e4ebf1;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 10px 30px rgba(16, 42, 67, 0.08);
	font-family: var(--wvh-font, "Poppins", Helvetica, Arial, sans-serif);
	font-size: 15px;
	line-height: 1.5;
	color: #5b6878;
}
/* beat Hello theme's own zebra rows (table tbody>tr:nth-child(odd)>td) */
.me-price__table table tbody > tr:nth-child(n) > td { background: #fff; }
.me-price__table table tbody > tr:nth-child(even) > td { background: #f6f9fb; }
.me-price__table table tbody > tr:nth-child(n):hover > td { background: #eaf7f6; }
.me-price__table th,
.me-price__table td {
	padding: 18px 22px;
	border: 0;
	border-bottom: 1px solid #e4ebf1;
	background: transparent;
	text-align: start;
	vertical-align: middle;
}
.me-price__table thead th {
	background: #14a79d;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}
.me-price__table tbody tr:last-child td { border-bottom: 0; }
.me-price__table tbody td:first-child {
	color: #364254;
	font-size: 16px;
	font-weight: 600;
}
.me-price__table tbody td:nth-child(3) {
	color: #364254;
	font-size: 17px;
	font-weight: 700;
	white-space: nowrap;
}
.me-price__table td:last-child,
.me-price__table th:last-child { text-align: center; }
.me-price__table td a,
.me-price__table td a:visited {
	display: inline-block;
	padding: 9px 22px;
	border-radius: 30px;
	background: #14a79d;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}
.me-price__table td a:hover,
.me-price__table td a:focus-visible {
	background: #0e8a82;
	color: #fff;
}
.me-price__table p:empty { display: none; }

/* phones: every row becomes a small card, labels come from the column */
@media (max-width: 767px) {
	.me-price__table table,
	.me-price__table tbody,
	.me-price__table tr,
	.me-price__table td { display: block; width: 100%; }
	.me-price__table table { border: 0; border-radius: 0; box-shadow: none; background: transparent; overflow: visible; }
	.me-price__table thead { display: none; }
	.me-price__table tbody tr {
		margin: 0 0 16px;
		overflow: hidden;
		border: 1px solid #e4ebf1;
		border-radius: 16px;
		background: #fff;
		box-shadow: 0 8px 24px rgba(16, 42, 67, 0.08);
	}
	.me-price__table table tbody > tr:nth-child(n) > td,
	.me-price__table table tbody > tr:nth-child(n):hover > td { background: #fff; }
	.me-price__table table tbody > tr:nth-child(n) > td:first-child { background: #14a79d; }
	.me-price__table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 16px;
		padding: 12px 18px;
		border-bottom: 1px solid #eef2f6;
		text-align: end;
	}
	.me-price__table td::before {
		flex: 0 0 auto;
		color: #7b8794;
		font-size: 13px;
		font-weight: 600;
		text-align: start;
		text-transform: uppercase;
		letter-spacing: 0.3px;
	}
	.me-price__table td:nth-child(2)::before { content: "Driver"; }
	.me-price__table td:nth-child(3)::before { content: "Price"; }
	.me-price__table td:nth-child(4)::before { content: "Notes"; }
	.me-price__table tbody td:first-child {
		justify-content: center;
		color: #fff;
		text-align: center;
	}
	.me-price__table td:last-child { justify-content: center; border-bottom: 0; }
	.me-price__table td:last-child a { width: 100%; text-align: center; }
}


/* ==========================================================================
   Site-specific override (not needed on test.mobilityexpress.ae).
   This site carries a global, inline:   td { border: 1px solid #000 !important; }
   which out-ranks the rules above purely on !important and draws black grid
   lines through the price table. The design's borders are restated below in
   the same order and specificity, so the cascade resolves exactly as on test.
   Scoped to .me-price__table — other tables on the site are left alone.
   ========================================================================== */
.me-price__table td {
	border: 0 !important;
	border-bottom: 1px solid #e4ebf1 !important;
}
.me-price__table tbody tr:last-child td { border-bottom: 0 !important; }

@media (max-width: 767px) {
	.me-price__table td {
		border: 0 !important;
		border-bottom: 1px solid #eef2f6 !important;
	}
	.me-price__table td:last-child { border-bottom: 0 !important; }
}