/* ==========================================================================
   HAI CHI TIET NHO DUNG CHUNG O MOI TRANG                     03/09/2026
   ==========================================================================
   1. .de-muc-icon  - bieu tuong dat truoc ten de muc, do ham icon_de_muc()
      trong library/fun_string.php in ra.
   2. .sp-video-anh / .sp-video-play - nut play tron ve len giua anh dai dien
      video.

   Ca hai deu xuat hien o NHIEU trang (cot ben phai library/right2.php dung
   chung cho trang tin, trang bai viet, trang video...) nen phai nam o
   css/chung/ chu khong the o mot tep rieng cua mot trang - truoc 03/09/2026
   nut play nam cuoi css/rieng/chi-tiet-sp.css va vi vay chi hien o trang chi
   tiet san pham.
   ========================================================================== */

/* Bieu tuong de muc: nho hon chu mot chut. KHONG to mau vang thuong hieu -
   vang tren nen sang chi dat 1,38:1 do tuong phan; de no theo mau chu cua
   chinh de muc. */
.de-muc-icon {
	margin-right: 6px;
	font-size: .92em;
	opacity: .85;
}

/* ==========================================================================
   NUT PLAY TREN ANH VIDEO O COT PHAI                          02/09/2026
   ==========================================================================
   Khoi "Video xe điện" o cot phai lay anh dai dien tu YouTube. Do la mot
   khung hinh bat ky cua clip nen nhin y het anh minh hoa cua mot bai viet -
   khong ai doan duoc bam vao la mo video.

   Ve bang CSS (mot hinh tron + mot tam giac bang border) chu khong chen them
   the <img>: khong ton luot tai nao, khong phu thuoc bo icon nao, va nut tu
   nam giua du anh to nho the nao.
   ========================================================================== */
.sp-video-anh {
	position: relative;
	display: block;
	line-height: 0;
}

.sp-video-anh img { width: 100%; height: auto; }

.sp-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	border-radius: 50%;
	background: rgba(17, 17, 17, .72);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	pointer-events: none;
	transition: background .15s ease, transform .15s ease;
}

/* Tam giac play: dat lech phai 1px vi trong tam thi giac cua tam giac khong
   trung voi trong tam hinh hoc - can giua dung tam trong nhu lech trai. */
.sp-video-play::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -4px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
}

.sp-video-anh:hover .sp-video-play {
	background: #d70018;
	transform: scale(1.08);
}

/* Ban nho: dung cho danh sach video 4 o trong the "Videos" o cot phai -
   anh o do chi cao 60px, nut 32px se che gan het. */
.sp-video-play.sp-video-nho {
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
}

.sp-video-play.sp-video-nho::after {
	margin: -4px 0 0 -3px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 7px;
}

/* The boc trong tab "Videos" la mot the <p> - go margin mac dinh cua no,
   khong thi nut play tinh giua theo mot khung cao hon anh. */
p.sp-video-anh { margin: 0; }