/* ============================================================================
   DVP — TRANG CHI TIET SAN PHAM (12/08/2026)

   Sep chot: hang tam het khong de nut chet "Het hang" nua ma moi khach GOI DAT HANG.
   Truoc do khach vao trang SP tam het chi thay mot nut xam bam khong duoc — het
   duong, khach dong tab. Nay thay bang nut goi hotline.

   CACH BAT/TAT — khong dung toi JS cua theme:
     JS san co (product.bwt ~537/565 va evo-product.js 139/167) tu gan/go lop
     `btnsold` tren khung `.btn-mua` moi lan khach doi phien ban. `btnsold` von la
     LOP CHET, khong CSS nao dung. Nay no thanh CONG TAC:
        khong co btnsold -> hien nut "Them vao gio", an nut goi
        co    btnsold    -> an nut mua,            hien nut goi
     Nho vay doi phien ban sang loai het hang thi nut tu doi, khong phai sua JS.

   ⚠ NHAN DOI TEN LOP (.btn-mua.btn-mua) la co y, khong phai go nham.
     Theme Evo viet SCSS long nhau nen bo chon goc rat cu the; nap file sau KHONG
     cuu duoc vi do uu tien xet TRUOC thu tu. Da sap bay nay o Dot 1 (mau gia Sep
     chot chua tung duoc ap ma bai kiem van xanh). Nhan doi nang mot bac uu tien
     ma khong doi pham vi khop.

   Lui lai toan bo: xoa 1 dong nap file nay trong layouts/theme.bwt.
   ============================================================================ */

/* ---------- Cong tac an/hien ---------- */

/* Mac dinh: con hang -> chi thay nut mua */
.btn-mua.btn-mua .dvp-nut-lienhe { display: none; }

/* Tam het -> giau nut mua (VAN de trong DOM vi JS bam vao `.btn-cart` de doi chu;
   xoa han thi khach doi phien ban se khong thay nut cap nhat), hien nut goi. */
.btn-mua.btn-mua.btnsold .btn-cart { display: none !important; }
.btn-mua.btn-mua.btnsold .dvp-nut-lienhe { display: inline-flex; }

/* ---------- Nut goi dat hang ---------- */
/* O THE san pham ngoai trang chu, nut "Lien he" chi la VIEN teal — vi o do no
   dung canh hang chuc nut khac, to qua thi pha bo cuc. O TRANG CHI TIET thi
   nguoc lai: no la viec duy nhat khach con lam duoc, nen de NEN DAC cho manh.
   Chu trang tren #067686 = 5,33, tren nguong 4,5. */
.btn-mua.btn-mua .dvp-nut-lienhe {
	align-items: center;
	justify-content: center;
	gap: 10px;
	/* 52px: day la nut chinh cua trang, va nguong cham ngon tay la 44px */
	min-height: 52px;
	padding: 0 22px;
	color: #fff;
	background: #067686;
	border: 1.5px solid #067686;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 650;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease, transform .12s ease;
}

.btn-mua.btn-mua .dvp-nut-lienhe:hover,
.btn-mua.btn-mua .dvp-nut-lienhe:focus {
	color: #fff;
	background: #045864;
	border-color: #045864;
	text-decoration: none;
}

.btn-mua.btn-mua .dvp-nut-lienhe:focus-visible {
	outline: 3px solid #a86500;
	outline-offset: 2px;
}

.btn-mua.btn-mua .dvp-nut-lienhe:active { transform: translateY(1px); }

.btn-mua.btn-mua .dvp-nut-lienhe svg {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	fill: currentColor;
}

/* So dien thoai PHAI hien thanh chu, khong chi nam trong href.
   Tren may tinh bam `tel:` gan nhu khong lam gi — khach phai DOC duoc so de tu goi. */
.btn-mua.btn-mua .dvp-nut-lienhe__so {
	padding-left: 10px;
	border-left: 1px solid rgba(255, 255, 255, .45);
	font-weight: 700;
	letter-spacing: .02em;
	white-space: nowrap;
}

/* Kho hep: xep 2 dong cho khoi tran, van du vung cham */
@media (max-width: 480px) {
	.btn-mua.btn-mua .dvp-nut-lienhe {
		flex-wrap: wrap;
		gap: 4px 8px;
		width: 100%;
		padding: 10px 14px;
		font-size: 15px;
	}
	.btn-mua.btn-mua .dvp-nut-lienhe__so {
		padding-left: 0;
		border-left: 0;
		flex-basis: 100%;
	}
}

/* ---------- Dong tinh trang kho ---------- */
/* ⚠ DOI THU CU THE la bao nhieu — da DO ra chu khong doan (12/08/2026):
       evo-products.scss.bwt long 4 tang:
       `.details-product` > `.details-pro` > `.inventory_quantity` > `.a-stock`
       -> bien dich ra `.details-product .details-pro .inventory_quantity .a-stock`
       = do cu the (0,4,0), dat `color: $main-color` (teal).

   Hai lan sua truoc deu thua vi nham:
     lan 1  `.a-stock.a0`                      = (0,2,0)  -> thua
     lan 2  `.inventory_quantity .dvp-...`     = (0,2,0)  -> van thua
   Font-weight thi an, chi color thua — de tuong la "quy tac khong duoc nap".
   Bai hoc: THUA DO UU TIEN thi tung thuoc tinh thua rieng le, khong phai ca khoi.

   Nhan doi ten lop de len (0,5,0) — chac chan hon (0,4,0) mot bac, khong phu thuoc
   vao viec file minh duoc nap truoc hay sau. Nhan doi KHONG lam doi pham vi khop.

   Bo chon nay cung phu ca the do JS sinh ra khi khach doi phien ban: JS ghi mot
   <span> MOI long BEN TRONG span cu, span moi cung mang lop `dvp-kho-tam-het`. */
.inventory_quantity.inventory_quantity .dvp-kho-tam-het.dvp-kho-tam-het.dvp-kho-tam-het {
	/* #b3261e tren nen trang = 5,9. Do canh bao nhung van doc duoc thoai mai. */
	color: #b3261e;
	font-weight: 600;
}

/* ---------- Mau gia — Sep chot 12/08/2026, dong bo voi the san pham ---------- */
/* Trang chi tiet van de gia mau cam nhat #f9a41c cua theme goc — tuong phan
   2,03/4,5, DUNG con so Sep da bac o Dot 1. The ngoai trang chu doi tu Dot 1,
   khach bam vao trang chi tiet lai thay mau cu -> lech.

   ⚠ DOI THU do ra chu khong doan: evo-products.scss.bwt long 5 tang
      .details-product > .details-pro > .price-box > .special-price > .product-price
      = (0,5,0), dat color: $price-color (#f9a41c).
   Nhan doi .price-box de len (0,6,0) — khong phu thuoc thu tu nap file. */

/* Gia ban hang THUONG: cam nau tren the trang = 4,64 — mau Sep chot o Dot 1.
   Nhanh "Lien he" (hang gia 0d) cung an theo mau nay, truoc la #f9a41c. */
.details-product .details-pro .price-box.price-box .special-price .product-price {
	color: #a86500;
}

/* Gia ban hang DANG GIAM: do #c62828 (5,62 ca hai chieu) — mau Sep chot o Dot 2d.
   Lop `is-sale` do Liquid gan luc tai trang + script canh .old-price gan/go khi
   doi phien ban. Nhan doi .is-sale de (0,7,0) thang chac quy tac cam nau tren. */
.details-product .details-pro .price-box.is-sale.is-sale .special-price .product-price {
	color: #c62828;
}

/* Gia gach: #999 cua theme = 2,85 — dung mau da chot cho the o Dot 2c (5,07) */
.details-product .details-pro .price-box.price-box .old-price .product-price-old {
	color: #667075;
}

/* So "Tiet kiem": #ff4c4c cua theme = 3,15 — ve cung mau do da chot.
   Chu "so voi gia thi truong" ben trong co color #000 rieng cua theme, khong dung. */
.details-product .details-pro .price-box.price-box .save-price .product-price-save {
	color: #c62828;
}