@charset "UTF-8";

/* ============================================================================
   KHUNG TRANG - style RIENG (nen trang, cac luat cap body)
   ----------------------------------------------------------------------------
   Nap tu Layout.cshtml nen co mat o moi trang. Tach khoi style.css de sua
   phan nen khong phai mo tep chung 2200 dong.

   Cac tep rieng hien co, moi tep mot vung:
	 Header.css · Footer.css · NavFooter.css · Layout.css   (dung chung)
	 Homepage.css/js · Intro.css/js · Product.css           (rieng tung trang)
   ========================================================================== */

@layer overrides {

	/* ---- NEN CUA KHOI BOC NOI DUNG ----
	   Ban dang chay:
	     .sticky-add-to-cart--active, #wrapper, #main, #main.dark {
	         background-color: rgba(255, 255, 255, 0.5);
	     }
	   Mot lop trang mo 50% dat NGAY TREN khoi boc, khong phai lop phu roi.
	   Do la ly do cung mot tam anh ma nen ben do NHAT hon han - hoa van cham
	   bi chim xuong, chu noi len ro rang.

	   Ban truoc ta lam bang body::after co dinh toan man. Nhin gan giong nhung
	   khac hai cho:
	     - no phu ca CHAN TRANG (ban goc de chan trang ngoai khoi boc)
	     - no khong cuon theo trang
	   Dat thang len khoi boc thi dung nhu ban goc, va tung trang rieng muon
	   doi mau nen chi can de bep mot dong - dung y "tuy trang tuy bien".

	   Chan trang KHONG nam trong khoi nay (xem Layout.cshtml) nen giu nguyen
	   nen cua no. */
	.az-template-wrapper {
		position: relative;
		background-color: rgba(255, 255, 255, .5);
	}

	/* ---- KHUNG VIDEO NHUNG ----
	   Embed.js thay dia chi YouTube trong noi dung bai bang khung nay.
	   Ti le 16:9 co dinh nen khung khong nhay khi video chua tai xong. */
	.az-template-video {
		position: relative;
		width: 100%;
		margin: 20px 0;
		aspect-ratio: 16 / 9;
		background: rgba(0, 0, 0, .06);
		border-radius: 8px;
		overflow: hidden;
	}

	.az-template-video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

	/* Trang Gioi thieu tu ve nen anh toi rieng (body::before trong Intro.css).
	   Phu them lop trang len se lam anh do bac mau, nen tat o rieng trang do.
	   Viet o DAY chu khong sua Intro.css - vung do da nghiem thu va dang khoa. */
	body:has(.az-template-story) .az-template-wrapper { background-color: transparent; }
}