/* Mincar – Tra bảo hành. Giữ class của plugin cũ (devvn_baohanh_*) để CSS theme trang chủ (#mch .w-form …) vẫn áp; phần dưới chỉ thêm ô SĐT / mã đơn và kết quả. */

/* Trang thường (không có khung theme) */
.mcbh .devvn_baohanh_form_box form.mcbh-form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.mcbh .devvn_baohanh_form_box form.mcbh-form input { flex: 1 1 220px; min-width: 0; margin: 0; }
.mcbh .devvn_baohanh_loading { display: none; margin-top: 10px; }
.mcbh .devvn_baohanh_result { margin-top: 12px; }
.mcbh .mcbh-msg { padding: 10px 0; line-height: 1.5; }
.mcbh .mcbh-ok { color: #1e8e3e; }
.mcbh .mcbh-bad, .mcbh span.mcbh-bad { color: #d93025; }
.mcbh .mcbh-warn { color: #b06000; }
.mcbh .mcbh-muted { opacity: .65; }
.mcbh .mcbh-hint, .mcbh .mcbh-customer { font-size: 13px; margin: 4px 0 8px; opacity: .85; }
.mcbh table.mcbh-table { width: 100%; border-collapse: collapse; margin: 6px 0 0; font-size: 13px; }
.mcbh table.mcbh-table th, .mcbh table.mcbh-table td { padding: 8px 6px; text-align: left; border-bottom: 1px solid rgba(127, 127, 127, .25); vertical-align: top; }

.mcbh .mcbh-product { display: flex; align-items: center; gap: 14px; padding: 6px 0; }
.mcbh .mcbh-img { width: 72px; height: 72px; object-fit: contain; padding: 4px; box-sizing: border-box; border-radius: 8px; flex-shrink: 0; background: #fff; border: 1px solid rgba(0, 0, 0, .08); } /* nền trắng: sản phẩm màu đen (GĐ 20/10/2026) */
.mcbh .mcbh-name { font-weight: 600; font-size: 15px; }
.mcbh .mcbh-product .mcbh-msg { padding: 2px 0 0; }

/* Khung tối "Verify authenticity" ở trang chủ (theme #mch .w-form): ô SĐT / mã đơn cùng kiểu ô mã thẻ */
#mch .w-form .devvn_baohanh_form_box form.mcbh-form { gap: 0; flex-wrap: nowrap; }
#mch .w-form .devvn_baohanh_form_box form.mcbh-form input { flex: 1 1 0; }
#mch .w-form input.mcbh-contact { background: transparent; border: 0; border-left: 1px solid rgba(255, 255, 255, .2); color: #fff; font: 400 15px var(--sans); padding: 0 22px; height: 60px; letter-spacing: .02em; outline: none; box-shadow: none; margin: 0; border-radius: 0; min-width: 0; }
#mch .w-form input.mcbh-contact::placeholder { color: rgba(255, 255, 255, .45); }
#mch .w-form .mcbh-ok { color: var(--gold-2, #d8b878); }
#mch .w-form .mcbh-bad, #mch .w-form span.mcbh-bad { color: #ff8a80; }
#mch .w-form .mcbh-warn { color: #ffd180; }
#mch .w-form .mcbh-name { color: #fff; }
#mch .w-form .mcbh-hint, #mch .w-form .mcbh-customer { color: rgba(255, 255, 255, .75); }
#mch .w-form table.mcbh-table th, #mch .w-form table.mcbh-table td { color: #fff; border-bottom: 1px solid var(--line, rgba(255, 255, 255, .15)); }

@media (max-width: 700px) {
    #mch .w-form .devvn_baohanh_form_box form.mcbh-form { flex-wrap: wrap; }
    #mch .w-form .devvn_baohanh_form_box form.mcbh-form input { flex: 1 1 100%; }
    #mch .w-form input.mcbh-contact { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .2); }
    #mch .w-form .devvn_baohanh_form_box form.mcbh-form button.devvn_masp_submit { flex: 1 1 100%; }
    .mcbh table.mcbh-table thead { display: none; }
    .mcbh table.mcbh-table tr { display: block; padding: 6px 0; border-bottom: 1px solid rgba(127, 127, 127, .25); }
    .mcbh table.mcbh-table td { display: block; border: 0; padding: 2px 0; }
}