/*
 * LALUZ UI Patch — MODULE THEME-COLORS (CSS)
 *
 * Hai chỗ còn sót lại bảng màu CŨ của theme, nằm ngoài vùng mà các vòng
 * redesign trước đã quét. Cả hai đều đo trên live 18/08/2026.
 *
 * Nhắc lại thứ tự nạp (xem laluz-ui-patch.php): WPCode 23020 ở styleSheets[36]
 * và wp-custom-css ở [38] đều in SAU file này, nên mọi rule phải vừa cao
 * specificity hơn vừa có !important.
 */


/* ══════════════════════════════════════════════════════════════════════════
   1 · CHỮ CÁI A–Z Ở TRANG THƯƠNG HIỆU BỊ NỀN NÂU
   ══════════════════════════════════════════════════════════════════════════
   Rule gốc nằm ở backdoor.css (styleSheets[1]), KHÔNG phải WPCode:

     .brand-sect .word-list .word.active { background-color: rgb(156,134,121);
                                           color: #fff }

   rgb(156,134,121) = #9C8679 — đúng màu taupe cũ của theme mà round 5 đã dọn
   khỏi drawer mobile. Lần đó chỉ dọn biến thể `.word-nav .word-it` (thanh chữ
   cái trong mega menu), bỏ sót biến thể `.brand-sect .word-list .word` của
   trang thương hiệu. Nên chữ đang chọn (ảnh: chữ H) hiện một ô nâu giữa
   một hàng chữ serif đen — lạc hẳn hệ.

   Đưa về đúng cách mega menu đang làm: nền ink, chữ paper.
   ────────────────────────────────────────────────────────────────────────── */
html body .brand-sect .word-list .word.active {
	background-color: var( --lz-ink, #141310 ) !important;
	color: var( --lz-paper, #F6F5F2 ) !important;
}

html body .brand-sect .word-list .word:hover {
	background-color: transparent !important;
	color: var( --lz-ink, #141310 ) !important;
	box-shadow: inset 0 0 0 1px var( --lz-ink, #141310 ) !important;
}

html body .brand-sect .word-list .word.active:hover {
	background-color: var( --lz-ink, #141310 ) !important;
	color: var( --lz-paper, #F6F5F2 ) !important;
	box-shadow: none !important;
}

/* Thiết bị cảm ứng không có :hover thật — đừng để trạng thái dính lại */
@media ( hover: none ), ( pointer: coarse ) {
	html body .brand-sect .word-list .word:hover {
		background-color: transparent !important;
		color: var( --lz-ink, #141310 ) !important;
		box-shadow: none !important;
	}
	html body .brand-sect .word-list .word.active:hover {
		background-color: var( --lz-ink, #141310 ) !important;
		color: var( --lz-paper, #F6F5F2 ) !important;
	}
}


/* ══════════════════════════════════════════════════════════════════════════
   2 · FORM "GỬI ĐÁNH GIÁ CỦA BẠN" CÒN MÀU CAM
   ══════════════════════════════════════════════════════════════════════════
   Rule gốc ở monatheme/style.css (styleSheets[0]):

     .reviews-dt .box-point .rvw-stars .btn      { background: rgb(231,147,21);
                                                   color:#fff; font-weight:700;
                                                   font-size:1.6rem;
                                                   border-radius:.5rem }
     .reviews-dt .box-point .rvw-stars .box-your-rvw { border:none; padding:1rem }

   rgb(231,147,21) = #E79315 — cùng màu cam của ngôi sao đánh giá. Bảng màu
   thật của site không có cam, và §2.4 đã chốt nút vuông cạnh, không bo góc.

   LƯU Ý VỀ PHẠM VI: form này chỉ hiện với khách ĐỦ ĐIỀU KIỆN đánh giá
   (WooCommerce yêu cầu đã mua hàng). Đã quét 40 sản phẩm ở trạng thái đăng
   nhập admin mà không dựng được form nào, nên phần CSS này viết theo đúng hai
   selector của theme đã đọc được từ stylesheet, CHƯA soi được DOM thật.
   Chỉ đổi màu / chữ / bo góc — không đụng bố cục, để nếu có sai cũng không
   làm vỡ form.
   ────────────────────────────────────────────────────────────────────────── */

/* Ô nhập nội dung đánh giá */
html body .reviews-dt .rvw-stars .box-your-rvw,
html body .reviews-dt textarea.box-your-rvw {
	background: transparent !important;
	border: 1px solid var( --lz-line, #E3E1D9 ) !important;
	border-radius: 0 !important;
	padding: 14px 16px !important;
	font-family: var( --lz-sans, 'Be Vietnam Pro', sans-serif ) !important;
	font-size: 14.5px !important;
	font-weight: 300 !important;
	color: var( --lz-ink, #141310 ) !important;
}

html body .reviews-dt .rvw-stars .box-your-rvw:focus {
	border-color: var( --lz-ink, #141310 ) !important;
	outline: none !important;
}

/* Nút gửi — về nút primary của hệ: nền ink, chữ paper, vuông cạnh */
html body .reviews-dt .box-point .rvw-stars .btn,
html body .reviews-dt .rvw-stars .btn {
	background-color: var( --lz-ink, #141310 ) !important;
	color: var( --lz-paper, #F6F5F2 ) !important;
	border: 1px solid var( --lz-ink, #141310 ) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 14px 28px !important;
	font-family: var( --lz-sans, 'Be Vietnam Pro', sans-serif ) !important;
	font-size: 11.5px !important;
	font-weight: 500 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
}

html body .reviews-dt .box-point .rvw-stars .btn:hover,
html body .reviews-dt .rvw-stars .btn:hover {
	background-color: var( --lz-soft, #403D37 ) !important;
	border-color: var( --lz-soft, #403D37 ) !important;
	color: var( --lz-paper, #F6F5F2 ) !important;
}

/* Khối "Hình ảnh đi kèm" đang là mảng xám đặc — về nền tile + hairline.
   Neo trong .rvw-stars nên không thể lan ra ngoài khối đánh giá. */
html body .reviews-dt .rvw-stars [class*="upload"],
html body .reviews-dt .rvw-stars [class*="file"] {
	background: var( --lz-tile, #EAE7DF ) !important;
	border: 1px solid var( --lz-line, #E3E1D9 ) !important;
	border-radius: 0 !important;
	color: var( --lz-ink, #141310 ) !important;
}