/**
 * fpv-gia-badge.css — FPV-GIA (v1.206.0)
 *
 * Style cho shortcode [floor-plan-gia], 3 kieu bao ngoai:
 * - ".fpv-gia-card" ("Phương án 3" trong canvas Du chọn 28/09/2026): card
 *   nen/vien rieng MAU CO DINH (xanh reu/vang dong) + badge + chu thich +
 *   nut CTA - dung KHI DUNG DOC LAP tren 1 dong rieng, muon 1 mau thuong
 *   hieu rieng khong phu thuoc nen xung quanh.
 * - ".fpv-gia-auto" (MOI, v1.206.0 - Du bao "card" dep nhung mau CO DINH
 *   nen lac tong khi dat vao trang co bang mau rieng, muon 1 "preset" tu
 *   hoa hop ma KHONG phai tu tay sua CSS): GIU NGUYEN bo khung day du nhu
 *   "card" (nhan, gia lon, badge, dong ke, chu thich, CTA) nhung KHONG con
 *   mau hex CO DINH nao - toan bo nen/vien/chu deu rut ra TU DUNG mau chu
 *   dang bao quanh no qua "color: inherit" + color-mix(currentColor). Dat
 *   o BAT KY block nao (nen sang/toi/mau bat ky) deu TU DONG hop mau, dung
 *   dung y "preset" cua Du - khong can khai CSS rieng cho tung block.
 * - ".fpv-gia-inline" (v1.205.0 - Du bao card tu ve nen rieng xung dot khi
 *   nhet vao 1 pill "GIÁ BÁN:" da co san cua tung block thiet ke, vd ".gia"
 *   trong block "vv-hom-s01"): KHONG nen/vien/padding rieng, ke thua
 *   nguyen ven font-size/mau tu the cha - chi xuat gia+gia/m2 tran (badge/
 *   note/CTA an mac dinh), de nhet vao BAT KY pill co san ma khong xung
 *   dot CSS. Khac "auto" o cho: "inline" KHONG tu ve khung/padding gi ca
 *   (dung khi da co san 1 pill khac giu vai tro do), con "auto" TU VE
 *   khung day du (dung khi CHUA co pill nao khac, muon 1 khoi doc lap).
 *
 * Ca 3 kieu dung CHUNG 1 bo class con (.fpv-gia-price/.fpv-gia-pm2/
 * .fpv-gia-pill/...) nen fpv-gia-badge.js khong can phan biet. Rieng
 * ".fpv-gia-card"/".fpv-gia-auto" dung CHUNG co che 5 bien CSS
 * (--fpv-gia-bg/--fpv-gia-border/--fpv-gia-gold/--fpv-gia-text/
 * --fpv-gia-muted) - "auto" chi doi GIA TRI cua 5 bien do sang cong thuc
 * color-mix(currentColor) thay vi hex co dinh, nen KHONG can chep lai tung
 * class con (.fpv-gia-price, .fpv-gia-pill,...) - chung tu dong an theo
 * dung bien dang co hieu luc.
 */

.fpv-gia-card {
	--fpv-gia-bg: #16241a;
	--fpv-gia-border: rgba(201, 168, 117, 0.4);
	--fpv-gia-divider: rgba(255, 255, 255, 0.12);
	--fpv-gia-gold: #c9a875;
	--fpv-gia-text: #f3efe4;
	--fpv-gia-muted: #9fb0a2;

	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding: 36px 40px;
	background: var(--fpv-gia-bg);
	border: 1px solid var(--fpv-gia-border);
	border-radius: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/**
 * v1.209.0 (Du hoi "có nhiều option cho màu sắc cho bộ này không? để linh
 * hoạt thay cho từng dự án phối cho đẹp"): thuoc tinh "color" CHI co tac
 * dung o style="card" (mau CO DINH theo bang mau, khac "auto" tu hoa theo
 * khoi chua) - moi bang mau CHI can doi lai 6 bien --fpv-gia-* (giong het
 * co che ".fpv-gia-auto" dung color-mix) nen KHONG can chep lai tung class
 * con (.fpv-gia-price/.fpv-gia-pill/.fpv-gia-cta/...) - chung tu dong an
 * theo dung bien dang hieu luc. "reu" (rêu/vàng đồng) la mac dinh - CHINH
 * LA bo mau .fpv-gia-card goc tu 1.204.0, giu nguyen KHONG doi de khong vo
 * cac trang dang dung san.
 */
.fpv-gia-card.fpv-gia-color-xanh {
	--fpv-gia-bg: #0f1a26;
	--fpv-gia-border: rgba(138, 172, 209, 0.4);
	--fpv-gia-divider: rgba(255, 255, 255, 0.12);
	--fpv-gia-gold: #8ab0d1;
	--fpv-gia-text: #eef3f8;
	--fpv-gia-muted: #9fb3c7;
}

.fpv-gia-card.fpv-gia-color-dat {
	--fpv-gia-bg: #241a12;
	--fpv-gia-border: rgba(217, 139, 74, 0.4);
	--fpv-gia-divider: rgba(255, 255, 255, 0.12);
	--fpv-gia-gold: #d98b4a;
	--fpv-gia-text: #f7ede0;
	--fpv-gia-muted: #c2a98f;
}

.fpv-gia-card.fpv-gia-color-den {
	--fpv-gia-bg: #111111;
	--fpv-gia-border: rgba(212, 175, 55, 0.4);
	--fpv-gia-divider: rgba(255, 255, 255, 0.1);
	--fpv-gia-gold: #d4af37;
	--fpv-gia-text: #f5f0e6;
	--fpv-gia-muted: #a3a3a3;
}

/* "trang" (nen sang) - CHI bang mau nen SANG trong bo nay, dung cho cac
 * trang/khoi da co san nen sang o quanh khu vuc dat gia. */
.fpv-gia-card.fpv-gia-color-trang {
	--fpv-gia-bg: #f7f3ea;
	--fpv-gia-border: rgba(122, 92, 42, 0.3);
	--fpv-gia-divider: rgba(0, 0, 0, 0.1);
	--fpv-gia-gold: #7a5c2a;
	--fpv-gia-text: #2a2a2a;
	--fpv-gia-muted: #6b6b63;
}

/**
 * v1.214.0 — Tab loai BDS ("Căn hộ / Shophouse / Officetel..."), dien boi
 * fpv-gia-badge.js (buildTabs()). Luon hien khi co it nhat 1 loai trong data
 * (ke ca chi 1 tab) - xem cmt dau class-fpv-gia-shortcode.php muc 1.
 */
.fpv-gia-type-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.fpv-gia-type-tabs[hidden] {
	display: none;
}

.fpv-gia-type-tab {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	font-family: inherit;
	font-size: 13px;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid var(--fpv-gia-border);
	background: transparent;
	color: var(--fpv-gia-muted);
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.fpv-gia-type-tab-count {
	opacity: 0.75;
	font-size: 0.9em;
}

/**
 * v1.215.0 (FPV-GIA-TAB-THEME-FIX) — tab dung <span role="tab"> thay <button>
 * (xem fpv-gia-badge.js buildTabs()) de thoat khoi luat theo ten the
 * "button"/"button:hover"/"button:focus" cua theme RealHomes. Ben duoi la
 * LOP PHONG THU thu 2: dat MOI trang thai (thuong/hover/focus/active/dang
 * chon/disable) len cung 1 bo gia tri bang !important + selector lap class
 * (cung meo voi khoi v1.208.0 o cuoi file) de khong luat site/khoi thiet ke
 * nao ghi de duoc, va de trang thai :hover/:focus KHONG doi mau gi ca.
 */
.fpv-gia-root .fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab,
.fpv-gia-root .fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab:hover,
.fpv-gia-root .fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab:focus,
.fpv-gia-root .fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab:active {
	background: transparent !important;
	border: 1px solid var(--fpv-gia-border) !important;
	color: var(--fpv-gia-muted) !important;
	box-shadow: none !important;
	outline: 0 !important;
	transition: none !important;
	text-decoration: none !important;
}

.fpv-gia-root .fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab:focus-visible {
	outline: 2px solid var(--fpv-gia-gold) !important;
	outline-offset: 2px !important;
}

.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active,
.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active:hover,
.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active:focus,
.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active:active {
	background: var(--fpv-gia-gold) !important;
	border-color: var(--fpv-gia-gold) !important;
	color: var(--fpv-gia-bg) !important;
	font-weight: 600;
}

/* "auto": --fpv-gia-bg la nen TRONG SUOT (color-mix) nen khong dung lam mau
 * chu tab dang chon duoc - dung nen mo theo currentColor + chu dam thay the. */
.fpv-gia-auto.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active,
.fpv-gia-auto.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active:hover,
.fpv-gia-auto.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active:focus,
.fpv-gia-auto.fpv-gia-root .fpv-gia-type-tab.is-active.is-active.is-active:active {
	background: color-mix(in srgb, currentColor 22%, transparent) !important;
	border-color: currentColor !important;
	color: inherit !important;
}

.fpv-gia-root .fpv-gia-type-tab.is-disabled.is-disabled.is-disabled {
	opacity: 0.45;
	cursor: not-allowed;
	text-decoration: line-through !important;
}

/**
 * v1.216.0 (FPV-GIA-SORT-M2, Phuong an A) - cong tac 2 nut "Tổng giá thấp
 * nhất | Giá/m² thấp nhat", dien boi buildSortToggle() (fpv-gia-badge.js).
 * <span role="tab"> (khong dung <button>) + !important cho MOI trang thai -
 * CUNG ly do voi tab loai (xem khoi v1.215.0 o tren).
 */
.fpv-gia-sort {
	display: inline-flex;
	align-self: flex-start;
	border: 1px solid var(--fpv-gia-border);
}

.fpv-gia-sort[hidden] {
	display: none;
}

.fpv-gia-sort-opt {
	font-family: inherit;
	font-size: 12.5px;
	padding: 7px 16px;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.fpv-gia-sort-opt + .fpv-gia-sort-opt {
	border-left: 1px solid var(--fpv-gia-border);
}

.fpv-gia-root .fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt,
.fpv-gia-root .fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt:hover,
.fpv-gia-root .fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt:focus,
.fpv-gia-root .fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt:active {
	background: transparent !important;
	color: var(--fpv-gia-muted) !important;
	box-shadow: none !important;
	outline: 0 !important;
	transition: none !important;
	text-decoration: none !important;
	font-weight: 400;
}

.fpv-gia-root .fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt:focus-visible {
	outline: 2px solid var(--fpv-gia-gold) !important;
	outline-offset: -2px !important;
}

/* Dang chon: nen mo theo mau nhan manh + chu dam - dung color-mix nen
 * dung duoc ca 5 bang mau "card" lan "auto" (currentColor) ma khong can
 * biet truoc mau nen. */
.fpv-gia-root .fpv-gia-sort-opt.is-active.is-active.is-active,
.fpv-gia-root .fpv-gia-sort-opt.is-active.is-active.is-active:hover,
.fpv-gia-root .fpv-gia-sort-opt.is-active.is-active.is-active:focus,
.fpv-gia-root .fpv-gia-sort-opt.is-active.is-active.is-active:active {
	background: color-mix(in srgb, var(--fpv-gia-gold) 22%, transparent) !important;
	color: var(--fpv-gia-gold) !important;
	font-weight: 700;
}

.fpv-gia-auto.fpv-gia-root .fpv-gia-sort-opt.is-active.is-active.is-active,
.fpv-gia-auto.fpv-gia-root .fpv-gia-sort-opt.is-active.is-active.is-active:hover,
.fpv-gia-auto.fpv-gia-root .fpv-gia-sort-opt.is-active.is-active.is-active:focus {
	background: color-mix(in srgb, currentColor 18%, transparent) !important;
	color: inherit !important;
}

.fpv-gia-card .fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt,
.fpv-gia-auto .fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt.fpv-gia-sort-opt {
	padding: 7px 16px !important;
}

.fpv-gia-card-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 14px;
}

.fpv-gia-card-main {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.fpv-gia-card-label {
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--fpv-gia-muted);
}

.fpv-gia-price-row {
	display: flex;
	align-items: baseline;
	gap: 14px;
	flex-wrap: wrap;
}

.fpv-gia-price {
	font-size: 38px;
	line-height: 1.15;
	color: var(--fpv-gia-text);
	font-weight: 600;
}

.fpv-gia-pm2 {
	font-size: 16px;
	color: var(--fpv-gia-gold);
}

.fpv-gia-pm2:empty {
	display: none;
}

/**
 * v1.214.0 — "Căn <mã> · Tòa <x> · <dt> m²", dien boi renderUnitMeta(). Chu
 * thuong khi khong click duoc (khong co [floor-plan-viewer]/link toa nao) -
 * ".fpv-gia-unit-link" (mã căn) chi doi mau/gach chan khi THUC SU la <a>.
 */
.fpv-gia-unit-meta {
	font-size: 13px;
	color: var(--fpv-gia-muted);
}

.fpv-gia-unit-meta[hidden] {
	display: none;
}

.fpv-gia-unit-link {
	color: var(--fpv-gia-gold);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	cursor: pointer;
	font-weight: 600;
}

.fpv-gia-pill {
	/* v1.209.0: doi tu mau rgba() CO DINH sang rut TU var(--fpv-gia-gold) qua
	 * color-mix() - de cac bang mau ".fpv-gia-color-*" (xem duoi) tu dong
	 * doi ca mau pill theo, khong can khai rieng tung bang mau 1 lan nua. */
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: color-mix(in srgb, var(--fpv-gia-gold) 15%, transparent);
	border: 1px solid color-mix(in srgb, var(--fpv-gia-gold) 50%, transparent);
	color: var(--fpv-gia-gold);
	font-size: 12px;
	padding: 6px 14px;
	border-radius: 0;
	white-space: nowrap;
}

/**
 * v1.214.0 — cham "online" canh badge "Căn rẻ nhất còn hàng". Dung 1 mau
 * XANH LA CO DINH (KHONG rut theo --fpv-gia-gold/currentColor nhu phan con
 * lai cua pill) vi muc dich la BAO HIEU "con hang" (giong quy uoc pham xanh
 * = online o moi noi khac) - phai giu dung 1 mau de nguoi dung nhan ra ngay,
 * khong doi theo tung theme mau nhu chu/nen. Rieng bang mau "reu" (nen VON
 * DA la xanh la dam) can 1 sac xanh SANG hon han (lime) de khong bi CHIM vao
 * nen - xem ".fpv-gia-color-reu .fpv-gia-dot" ben duoi.
 */
.fpv-gia-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex: none;
	background: #3ee08a;
	box-shadow: 0 0 0 2px color-mix(in srgb, #3ee08a 35%, transparent), 0 0 4px 1px color-mix(in srgb, #3ee08a 70%, transparent);
}

.fpv-gia-card.fpv-gia-color-reu .fpv-gia-dot {
	/* Nen mac dinh (reu) la #16241a (xanh la rat dam) - dung lime sang thay vi
	 * emerald de tach bach ro, khong lo lan vao nen. */
	background: #8fe04a;
	box-shadow: 0 0 0 2px color-mix(in srgb, #8fe04a 35%, transparent), 0 0 4px 1px color-mix(in srgb, #8fe04a 70%, transparent);
}

.fpv-gia-card.fpv-gia-color-trang .fpv-gia-dot {
	/* Nen sang - can 1 sac xanh la SAM hon de con tuong phan tren nen trang/kem. */
	background: #2fa84f;
	box-shadow: 0 0 0 2px color-mix(in srgb, #2fa84f 35%, transparent), 0 0 4px 1px color-mix(in srgb, #2fa84f 55%, transparent);
}

.fpv-gia-auto .fpv-gia-dot {
	/* "auto" khong biet truoc mau nen cua khoi chua - dung 1 sac xanh trung
	 * tinh + vien trang mo lam rang gioi, an toan tren ca nen sang lan toi. */
	background: #35d488;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.55), 0 0 4px 1px rgba(53, 212, 136, 0.6);
}

.fpv-gia-divider {
	height: 1px;
	background: var(--fpv-gia-divider);
}

.fpv-gia-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}

.fpv-gia-note {
	font-size: 13px;
	color: var(--fpv-gia-muted);
}

/* v1.214.0 — boc hotline + CTA lai voi nhau ben phai footer (note van rieng
 * ben trai, khong doi) - tu xuong dong khi khong du cho ngang. */
.fpv-gia-footer-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

/**
 * v1.214.0 — nut goi Hotline, dung so tu "Liên hệ tư vấn mặc định" (muc 7
 * FPV Settings, xem class-fpv-gia-shortcode.php). Kieu VIEN (khac CTA nen
 * dac) de khong lan at nut "Xem bảng giá chi tiết" khi ca 2 cung hien.
 */
.fpv-gia-hotline {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid var(--fpv-gia-gold);
	color: var(--fpv-gia-gold) !important;
	font-size: 13px;
	font-weight: 600;
	padding: 9px 16px;
	border-radius: 0;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	background: transparent;
}

.fpv-gia-hotline:hover {
	background: color-mix(in srgb, var(--fpv-gia-gold) 12%, transparent);
}

.fpv-gia-auto .fpv-gia-hotline {
	border-color: currentColor;
	color: inherit !important;
}

.fpv-gia-auto .fpv-gia-hotline:hover {
	background: color-mix(in srgb, currentColor 10%, transparent);
}

.fpv-gia-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--fpv-gia-gold);
	color: var(--fpv-gia-bg) !important;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px;
	border-radius: 0;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
}

.fpv-gia-cta:hover {
	filter: brightness(1.08);
}

.fpv-gia-cta[hidden] {
	display: none;
}

/**
 * v1.207.0 — khi CO NHIEU toa (block) da khai "Trang mặt bằng riêng theo
 * tòa" (mục 4 Admin Settings) cùng 1 project, .fpv-gia-cta-wrap bọc 1 nhãn
 * (".fpv-gia-cta-label", dùng lại text "cta_label") + danh sách nút
 * (".fpv-gia-cta-list") — mỗi tòa 1 nút ".fpv-gia-cta" riêng, tự xuống dòng
 * khi không đủ chỗ ngang.
 */
.fpv-gia-cta-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.fpv-gia-cta-label {
	font-size: 13px;
	color: var(--fpv-gia-muted);
	white-space: nowrap;
}

.fpv-gia-cta-list {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 480px) {
	.fpv-gia-card {
		padding: 24px 22px;
	}
	.fpv-gia-card .fpv-gia-price {
		font-size: 30px;
	}
}

.fpv-gia-auto {
	--fpv-gia-bg: color-mix(in srgb, currentColor 7%, transparent);
	--fpv-gia-border: color-mix(in srgb, currentColor 22%, transparent);
	--fpv-gia-divider: color-mix(in srgb, currentColor 16%, transparent);
	--fpv-gia-gold: currentColor;
	--fpv-gia-text: currentColor;
	--fpv-gia-muted: color-mix(in srgb, currentColor 65%, transparent);

	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding: 36px 40px;
	background: var(--fpv-gia-bg);
	border: 1px solid var(--fpv-gia-border);
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.fpv-gia-auto .fpv-gia-pill {
	background: color-mix(in srgb, currentColor 12%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 40%, transparent);
	color: inherit;
}

.fpv-gia-auto .fpv-gia-cta {
	background: none;
	color: inherit !important;
	text-decoration: underline !important;
	text-underline-offset: 0.15em;
	padding: 0;
	border-radius: 0;
}

.fpv-gia-auto .fpv-gia-cta:hover {
	filter: none;
	opacity: 0.75;
}

@media (max-width: 480px) {
	.fpv-gia-auto {
		padding: 24px 22px;
	}
	.fpv-gia-auto .fpv-gia-price {
		font-size: 30px;
	}
}

/**
 * ".fpv-gia-inline" — bao ngoai TRAN, khong nen/vien/padding, ke thua toan bo
 * font-size/mau/font-family tu the cha (khoi "GIÁ BÁN:"/pill cua tung block
 * thiet ke). ".fpv-gia-price"/".fpv-gia-pm2" cung phai override lai kich
 * thuoc/mau RIENG cua che do "card" (38px/16px + mau co dinh) de KHONG lo ra
 * ngoai giao dien cha.
 */
.fpv-gia-inline {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.35em;
	background: none;
	border: 0;
	padding: 0;
	max-width: none;
	color: inherit;
	font: inherit;
}

.fpv-gia-inline .fpv-gia-card-top,
.fpv-gia-inline .fpv-gia-card-main,
.fpv-gia-inline .fpv-gia-price-row {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.35em;
	color: inherit;
	font: inherit;
}

.fpv-gia-inline .fpv-gia-price {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	line-height: inherit;
}

.fpv-gia-inline .fpv-gia-pm2 {
	font-size: 0.85em;
	color: inherit;
	opacity: 0.85;
}

/* Badge/note/CTA an mac dinh o che do inline (xem class-fpv-gia-shortcode.php)
 * nhung neu Du chu dong bat lai (badge="..."/note="..."/cta_label="...") thi
 * van hien duoc voi dang nho gon, khong ep mau/nen rieng - ke thua tu cha. */
.fpv-gia-inline .fpv-gia-pill {
	background: rgba(127, 127, 127, 0.15);
	border: 1px solid currentColor;
	color: inherit;
}

.fpv-gia-inline .fpv-gia-footer {
	display: inline-flex;
	color: inherit;
	font: inherit;
}

.fpv-gia-inline .fpv-gia-note {
	color: inherit;
	opacity: 0.8;
}

.fpv-gia-inline .fpv-gia-cta {
	background: currentColor;
}

.fpv-gia-inline .fpv-gia-cta-label {
	color: inherit;
	opacity: 0.8;
}

/**
 * v1.208.0 — Du bao "viền khung fpv gia sát chữ quá" NGAY CA SAU KHI da
 * tang padding .fpv-gia-auto len 36/40px (v1.207.0) - dieu tra ra: khoi HTML
 * tuy chinh (villaverde-blocks, xem TIEU_CHUAN_KHOI_THIET_KE_V3.md) TU DONG
 * lap tien to class 3 LAN cho MOI selector trong <style> cua khoi ROI ep
 * !important len TOAN BO khai bao - bao gom ca luat "moi phan tu con deu ve
 * 0 margin/padding" (".vv-<ma-khoi> *{margin:0;padding:0}"). Luat nay co
 * specificity RAT CAO (4 class) + !important nen DE BEP padding thuong cua
 * ".fpv-gia-auto"/".fpv-gia-card" (chi 1 class, khong !important) - bat ke
 * gia tri minh khai la bao nhieu, cu dat FPV vao 1 khoi nhu vay la bi ep ve
 * gan 0. Day la CAI BAY DA GHI NHAN o TIEU_CHUAN_KHOI_THIET_KE_V3.md, KHONG
 * phai loi rieng cua khoi "vv-hom-s01".
 *
 * Cach thang duy nhat truoc 1 luat !important dac hieu cao hon la viet lai
 * VOI SPECIFICITY CAO HON + !important - dung "meo" CSS hop le: LAP LAI
 * CHINH 1 class nhieu lan trong CUNG 1 selector (khong doi HTML/JS, van la
 * DUNG 1 class tren the) de tinh specificity cong don theo SO LAN xuat hien
 * trong selector, KHONG phai so lan class do co tren the. 5 lan > 4 lan cua
 * villaverde-blocks nen luat nay THANG bat ke thu tu file nao nap truoc/sau.
 * Ap dung cho CA "card" (de phong khi Du dung "card" trong 1 khoi tuong tu)
 * lan "auto".
 */
.fpv-gia-card.fpv-gia-card.fpv-gia-card.fpv-gia-card.fpv-gia-card {
	padding: 36px 40px !important;
	margin: 0 !important;
}

.fpv-gia-auto.fpv-gia-auto.fpv-gia-auto.fpv-gia-auto.fpv-gia-auto {
	padding: 36px 40px !important;
	margin: 0 !important;
}

.fpv-gia-card .fpv-gia-pill.fpv-gia-pill.fpv-gia-pill.fpv-gia-pill,
.fpv-gia-auto .fpv-gia-pill.fpv-gia-pill.fpv-gia-pill.fpv-gia-pill {
	padding: 6px 14px !important;
}

.fpv-gia-card .fpv-gia-cta.fpv-gia-cta.fpv-gia-cta.fpv-gia-cta,
.fpv-gia-auto .fpv-gia-cta.fpv-gia-cta.fpv-gia-cta.fpv-gia-cta {
	padding: 10px 20px !important;
}

.fpv-gia-card .fpv-gia-hotline.fpv-gia-hotline.fpv-gia-hotline.fpv-gia-hotline,
.fpv-gia-auto .fpv-gia-hotline.fpv-gia-hotline.fpv-gia-hotline.fpv-gia-hotline {
	padding: 9px 16px !important;
}

.fpv-gia-card .fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab,
.fpv-gia-auto .fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab.fpv-gia-type-tab {
	padding: 6px 14px !important;
}

.fpv-gia-auto .fpv-gia-cta.fpv-gia-cta.fpv-gia-cta.fpv-gia-cta {
	padding: 0 !important;
}

@media (max-width: 480px) {
	.fpv-gia-card.fpv-gia-card.fpv-gia-card.fpv-gia-card.fpv-gia-card {
		padding: 24px 22px !important;
	}
	.fpv-gia-auto.fpv-gia-auto.fpv-gia-auto.fpv-gia-auto.fpv-gia-auto {
		padding: 24px 22px !important;
	}
}