/* LALUZ UI EXTRA - module reviews - v1.0.6
   Tang CSS: WPCode 23020 la <style> inline nap SAU file CSS cua plugin,
   nen moi rule o day phai co tien to "html body" va !important thi moi thang.
   Ngon ngu thiet ke bam theo 23020: bo goc 0, vien var(--lz-line), chu Fraunces x Be Vietnam Pro. */

/* ============ 1. Trang thai chua co danh gia ============ */

/* Khong co danh gia VA khong co form -> an han ca khoi, khong de tieu de mo coi */
html body.lz-no-reviews .reviews-dt:not(:has(.rvw-form-area)) {
	display: none !important;
}

/* Con form thi giu khoi lai, chi an sao rong, dong "0 danh gia" va bang tong diem rong */
html body.lz-no-reviews .rating-info > .star,
html body.lz-no-reviews .rating-info > .txt-rvw,
html body.lz-no-reviews .reviews-dt .box-point {
	display: none !important;
}

/* ============ 2. Chu: dong bo voi he thong ============ */

/* Tieu de khoi bang voi tieu de section khac (vd "San pham lien quan") */
html body .reviews-dt h3.tt,
html body .reviews-dt .container > .tt {
	font-family: var(--lz-serif, "Fraunces", Georgia, serif) !important;
	font-size: 20px !important;
	font-weight: 340 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
	color: var(--lz-ink, #141310) !important;
}

/* Nhan nho: dung dung chuan nhan nho cua site 10px / 500 / 0.22em / IN HOA / xam */
html body .reviews-dt .comment-form-title,
html body .reviews-dt .comment-reply-title,
html body .reviews-dt .comment-form-rating > label {
	font-family: var(--lz-sans, "Be Vietnam Pro", sans-serif) !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: var(--lz-grey, #6E6B63) !important;
	line-height: 1.6 !important;
}

/* ============ 3. O nhap va o tai anh ============ */

html body .reviews-dt .comment-form-detail textarea {
	font-family: var(--lz-sans, "Be Vietnam Pro", sans-serif) !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	background: #FFFFFF !important;
	border: 1px solid var(--lz-line, #E4DFD7) !important;
	border-radius: 0 !important;
}

html body .reviews-dt .comment-form-detail textarea:focus {
	border-color: var(--lz-ink, #141310) !important;
	outline: none !important;
}

html body .reviews-dt .reviews-post-upload {
	background: transparent !important;
	border: 1px solid var(--lz-line, #E4DFD7) !important;
	border-radius: 0 !important;
}

html body .reviews-dt .upload-btn {
	font-family: var(--lz-sans, "Be Vietnam Pro", sans-serif) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	background: #FFFFFF !important;
	border: 1px solid var(--lz-line, #E4DFD7) !important;
	border-radius: 0 !important;
}

/* ============ 4. Nut va sao: dong thau thay mau cam Mona ============ */

html body .reviews-dt .form-submit input.submit {
	font-family: var(--lz-sans, "Be Vietnam Pro", sans-serif) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: #FFFFFF !important;
	background: var(--lz-brass, #9C7B4E) !important;
	border: 1px solid var(--lz-brass, #9C7B4E) !important;
	border-radius: 0 !important;
	min-height: 44px !important;
	padding: 0 32px !important;
	box-shadow: none !important;
	transition: background 0.18s ease, border-color 0.18s ease !important;
}

html body .reviews-dt .form-submit input.submit:hover,
html body .reviews-dt .form-submit input.submit:focus {
	background: #8A6B41 !important;
	border-color: #8A6B41 !important;
}

html body .reviews-dt .box-point .rvw-stars .btn,
html body .reviews-dt .rvw-cmt .inner .box-cmt .info-action .btn {
	background: var(--lz-brass, #9C7B4E) !important;
	border-color: var(--lz-brass, #9C7B4E) !important;
	color: #FFFFFF !important;
	border-radius: 0 !important;
}

html body .reviews-dt .box-point .rvw-stars .btn:hover,
html body .reviews-dt .rvw-cmt .inner .box-cmt .info-action .btn:hover {
	background: #8A6B41 !important;
	border-color: #8A6B41 !important;
}

html body .reviews-dt .stars .star i,
html body .rating-info .star i {
	color: #D8D2C8 !important;
}

html body .reviews-dt .stars .star i.active,
html body .reviews-dt .box-point .rvw-stars .total-stars,
html body .rating-info .star i.active {
	color: var(--lz-brass, #9C7B4E) !important;
}

/* ============ 5. Form danh gia cho khach chua dang nhap ============ */

html body .lz-guest-rvw .comment-reply-title,
html body .lz-guest-rvw #cancel-comment-reply-link,
html body .lz-guest-rvw .lz-hidden {
	display: none !important;
}

html body .lz-guest-rvw #rating {
	font-family: var(--lz-sans, "Be Vietnam Pro", sans-serif) !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	height: 44px !important;
	max-width: 260px !important;
	padding: 0 12px !important;
	background: #FFFFFF !important;
	border: 1px solid var(--lz-line, #E4DFD7) !important;
	border-radius: 0 !important;
}

html body .lz-guest-rvw .comment-form-author,
html body .lz-guest-rvw .comment-form-email {
	display: inline-block !important;
	width: calc(50% - 8px) !important;
	vertical-align: top !important;
	margin-top: 14px !important;
}

html body .lz-guest-rvw .comment-form-author {
	margin-right: 12px !important;
}

html body .lz-guest-rvw .comment-form-author label,
html body .lz-guest-rvw .comment-form-email label {
	display: block !important;
	margin-bottom: 6px !important;
	font-family: var(--lz-sans, "Be Vietnam Pro", sans-serif) !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: var(--lz-grey, #6E6B63) !important;
}

html body .lz-guest-rvw .comment-form-author input,
html body .lz-guest-rvw .comment-form-email input {
	width: 100% !important;
	height: 44px !important;
	padding: 0 12px !important;
	font-family: var(--lz-sans, "Be Vietnam Pro", sans-serif) !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	background: #FFFFFF !important;
	border: 1px solid var(--lz-line, #E4DFD7) !important;
	border-radius: 0 !important;
}

html body .lz-guest-rvw .form-submit {
	margin-top: 18px !important;
}

@media (max-width: 600px) {
	html body .lz-guest-rvw .comment-form-author,
	html body .lz-guest-rvw .comment-form-email {
		width: 100% !important;
		margin-right: 0 !important;
	}
}