/*
Theme Name: Nova Child
Theme URI: https://beta.chuyennhahuycuongexpress.com/
Template: nova
Author: Sago
Description: Child theme của Nova — nơi viết code riêng cho dự án Huy Cường Express.
Version: 0.1.0
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: nova-child
*/

/* --------------------------------------------------------------------------
   Bảng giá trong element Văn bản.
   Theme chỉ style `.nova-prose table`, còn element Văn bản render ra
   `.nova-el.nova-text` nên bảng rơi ra ngoài mọi quy tắc và hiện ra trần trụi.
   -------------------------------------------------------------------------- */

.nova-text table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 var(--nova-space-lg, 24px);
	font-size: 15px;
	background: var(--nova-color-bg, #fff);
	border-radius: var(--nova-radius-md, 8px);
	overflow: hidden;
	box-shadow: var(--nova-shadow-sm, 0 2px 6px rgba(15, 23, 42, .08));
}

.nova-text table th {
	background: var(--nova-color-primary, #022b85);
	color: #fff;
	font-weight: 700;
	text-align: left;
	padding: 12px 14px;
	line-height: 1.35;
	vertical-align: middle;
}

.nova-text table td {
	padding: 11px 14px;
	border-top: 1px solid var(--nova-color-border, #dce3ef);
	vertical-align: middle;
}

/* Cột đầu là tên loại xe / đồ dùng — cho nó nặng hơn phần còn lại. */
.nova-text table td:first-child {
	font-weight: 600;
	color: var(--nova-color-heading, #082a6b);
}

/* Cột thứ hai của bảng giá là con số quan trọng nhất. */
.nova-text table td:nth-child(2) {
	color: var(--nova-color-secondary, #c10000);
	font-weight: 700;
	white-space: nowrap;
}

.nova-text table tbody tr:nth-child(even) {
	background: var(--nova-color-bg-alt, #f3f6fc);
}

.nova-text table + h3 {
	margin-top: var(--nova-space-xl, 32px);
}

/*
 * Điện thoại: bảng sáu cột ép vào 390px thì chữ vỡ vụn, không đọc nổi.
 * Cho chính bảng cuộn ngang thay vì bóp chữ. Không đụng vào cây element
 * nên builder vẫn sửa được bình thường.
 */
@media (max-width: 767px) {
	.nova-text table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		font-size: 14px;
	}

	.nova-text table th,
	.nova-text table td {
		padding: 10px 12px;
	}
}