/**
 * Win10 — Bảng giá Flatsome (.pricing-table / ux_price_table).
 * Cỡ chữ đồng bộ nội dung SP (~1rem), không dùng .is-small / .9em legacy.
 */

.pricing-table-wrapper {
	margin-bottom: 1.5rem;
}

.pricing-table.ux_price_table {
	background: var(--win10-surface, #fff);
	border: 1px solid var(--win10-border, #e8ecf0);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--win10-shadow, 0 4px 18px rgba(15, 23, 42, 0.06));
	font-size: 1rem;
	line-height: 1.55;
	transition:
		border-color 0.22s ease,
		box-shadow 0.22s ease,
		transform 0.22s ease;
}

.pricing-table.ux_price_table:hover {
	border-color: rgba(24, 161, 95, 0.28);
	box-shadow: var(--win10-shadow-hover, 0 12px 28px rgba(24, 161, 95, 0.12));
	transform: translateY(-3px);
}

.pricing-table.featured-table,
.pricing-table.ux_price_table.featured-table {
	border-color: var(--win10-brand, #18a15f);
	box-shadow: 0 8px 24px rgba(24, 161, 95, 0.15);
}

.pricing-table .pricing-table-header {
	background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
	padding: 1.25rem 1.25rem 1rem;
	border-bottom: 1px solid var(--win10-border, #e8ecf0);
}

.pricing-table.featured-table .pricing-table-header {
	background: linear-gradient(180deg, rgba(24, 161, 95, 0.1) 0%, #fff 100%);
}

/* Tên gói — lớn hơn label widget, không uppercase nhỏ */
.pricing-table .pricing-table-header .title,
.pricing-table .pricing-table-header .title.uppercase {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	line-height: 1.35 !important;
	color: var(--win10-text, #111827) !important;
	margin: 0 0 0.75rem !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	text-align: left !important;
	display: block !important;
}

/* Giá — canh giữa, không nhãn "Giá:" */
.pricing-table .pricing-table-header .price,
.pricing-table .pricing-table-header .price.is-xxlarge {
	display: block !important;
	width: 100% !important;
	font-size: clamp(1.35rem, 2.5vw, 1.625rem) !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
	color: var(--win10-brand-dark, #128a52) !important;
	margin: 0 0 0.75rem !important;
	padding: 0 !important;
	text-align: center !important;
}

.pricing-table .pricing-table-header .price.is-xxlarge::before {
	content: none !important;
	display: none !important;
}

/* Mô tả — ghi đè Flatsome .is-small + style.css .9em */
.pricing-table .pricing-table-header .description,
.pricing-table .pricing-table-header .description.is-small,
.pricing-table .description {
	font-size: 1.0625rem !important;
	line-height: 1.55 !important;
	color: var(--win10-text, #1f2937) !important;
	text-align: left !important;
	padding: 0 !important;
	margin: 0;
}

.pricing-table .pricing-table-items.items {
	padding: 0.5rem 1.25rem 1.25rem !important;
	text-align: left !important;
	font-size: 1.0625rem !important;
}

.pricing-table .pricing-table-items .bullet-item,
.pricing-table .pricing-table-items.items > div {
	font-size: 1rem !important;
}

.pricing-table .pricing-table-items .bullet-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 0.7rem 0 !important;
	margin: 0;
	border: none !important;
	border-top: 1px solid var(--win10-border, #ededed) !important;
	text-align: left !important;
}

.pricing-table .pricing-table-items .bullet-item:first-child {
	border-top: none !important;
	padding-top: 0.35rem !important;
}

.pricing-table .pricing-table-items .bullet-item::before {
	content: "";
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2318a15f'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}

.pricing-table .pricing-table-items .bullet-item .text,
.pricing-table .pricing-table-items .bullet-item span.text {
	font-size: 1.0625rem !important;
	line-height: 1.55 !important;
	color: var(--win10-text, #1f2937) !important;
	font-weight: 400 !important;
}

@media (max-width: 849px) {
	.pricing-table.ux_price_table:hover {
		transform: none;
	}

	.pricing-table .pricing-table-header .title {
		font-size: 1.0625rem !important;
	}
}