/* Phần BỔ SUNG của theme "Bán hàng 2". Toàn bộ giao diện chính nằm ở các tệp CSS nguyên bản của website gốc
   (main.css, index.css, …); tệp này chỉ thêm những thứ nền tảng mới có mà website gốc không có: thông báo sau
   khi gửi biểu mẫu, trang giỏ hàng/thanh toán tuỳ biến, phóng to ảnh, gợi ý tìm kiếm, trang lỗi. */

/* ── thông báo sau khi thêm giỏ / gửi liên hệ (TempData do máy chủ đặt) ───────────────────────── */
.nx-notice{margin:15px 0;padding:10px 15px;border-radius:5px;border:1px solid #679210;background:#eef6dc;color:#364d08;font-weight:600}
.nx-notice--loi{border-color:#d9534f;background:#fdeceb;color:#a94442}
.nx-empty{padding:30px 0;text-align:center;color:#666}
.nx-btn{display:inline-block;padding:8px 18px;border:1px solid #679210;border-radius:5px;background:#679210;color:#fff;font-weight:600;line-height:1.5;cursor:pointer}
.nx-btn:hover{background:#76a713;border-color:#76a713;color:#fff}
.text-danger{color:#d9534f}

/* ── liên kết "liên hệ" thay nút đặt hàng, trông như nút cạnh bên ────────────────────────────── */
.product-thumbnail .action a.setWishlist{display:inline-block}
.btn-mua a.btn_add_cart{display:flex;align-items:center;text-decoration:none}

/* ── giỏ hàng / thanh toán ────────────────────────────────────────────────────────────────── */
.main-cart-page{padding:30px 0 10px}
.cart-page{margin-bottom:20px}
.cart-page .remove-item-cart{padding:0;border:0;background:none;text-align:left;cursor:pointer;font-size:13px}
.cart-page .remove-item-cart:hover{color:#76a713}
.nx-cart-remove{margin:0}
.nx-cart-note{font-size:13px;color:#666;margin:0 0 12px}
.cart-page .cart_select{display:flex}
.cart-page .cart_select button[type="submit"]{width:auto;padding:0 8px;font-size:12px}
.cart-page .cart__btn-proceed-checkout-dt form{margin:0}
.cart-page .cart__btn-proceed-checkout-dt button{display:block;cursor:pointer}
.nx-box-title{font-size:18px;font-weight:700;color:#679210;margin:0 0 15px}
.nx-ship-picker{margin-bottom:15px}
.nx-ship-picker label{font-weight:600;margin-bottom:5px;display:block}
.nx-ship-row{display:flex;gap:8px}
.nx-ship-row .form-control{flex:1;height:36px;font-size:14px}
.nx-hint{font-size:13px;color:#666;margin:8px 0 0}
.r-bill .bill-field .form-control{border:1px solid #e6e6e6}
.r-bill textarea.form-control{height:auto}
.nx-summary__lines{list-style:none;padding:0;margin:0 0 10px}
.nx-summary__lines li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #ebebeb}
.nx-summary__lines li:first-child{border-top:0}
.nx-summary__img{position:relative;width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;border:1px solid #ebebeb;border-radius:5px}
.nx-summary__img img{max-width:100%;max-height:100%}
.nx-summary__img b{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#679210;color:#fff;font-size:12px;line-height:20px;text-align:center}
.nx-summary__name{flex:1;font-size:14px;font-weight:600}
.nx-summary__price{font-weight:700;color:#679210;white-space:nowrap}
.nx-meta{display:grid;grid-template-columns:150px 1fr;gap:6px 15px;margin:0 0 15px}
.nx-meta dt{font-weight:600}
.nx-meta dd{margin:0}
.nx-thanks__title{font-size:24px;color:#679210;margin-bottom:15px}
.pay-qr{text-align:center;margin:15px 0}
.pay-memo{padding:10px 15px;border:1px dashed #679210;border-radius:5px;background:#eef6dc;display:inline-block}
.nx-contact-extra{margin-top:30px}

/* ── trang kết quả tìm kiếm: năm thẻ mỗi hàng ở màn hình rộng, như website gốc ─────────────── */
.nx-search{padding:20px 0 40px}
.nx-search .title-head-contact{font-size:30px;margin:0 0 20px}
@media (min-width:1200px){.nx-search .col-fix{flex:0 0 20%;max-width:20%}}

/* ── gợi ý tìm kiếm ──────────────────────────────────────────────────────────────────────── */
.search-suggest{display:none}
.search-suggest .nx-suggest{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#000;border-bottom:1px solid #f0f0f0;text-decoration:none}
.search-suggest .nx-suggest:hover{background:#eef6dc;color:#679210}
.search-suggest .nx-suggest img{width:40px;height:40px;object-fit:cover;border-radius:4px}

/* ── phóng to ảnh sản phẩm ───────────────────────────────────────────────────────────────── */
.nx-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}
.nx-lightbox__veil{position:absolute;inset:0;background:rgba(0,0,0,.85)}
.nx-lightbox img{position:relative;max-width:90vw;max-height:88vh;background:#fff}
.nx-lightbox button{position:absolute;z-index:1;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:34px;line-height:1;width:46px;height:46px;border-radius:50%;cursor:pointer}
.nx-lightbox button:hover{background:#679210}
.nx-lightbox__x{top:20px;right:20px}
.nx-lightbox__p{left:20px;top:50%;transform:translateY(-50%)}
.nx-lightbox__n{right:20px;top:50%;transform:translateY(-50%)}

/* ── trang lỗi ───────────────────────────────────────────────────────────────────────────── */
.nx-error{padding:50px 0;text-align:center}
.nx-error__title{font-size:30px;color:#679210}
.nx-error__trace{color:#999;font-size:13px}

/* ── di động: hàng giỏ hàng xếp dọc cho vừa màn hình ─────────────────────────────────────── */
@media (max-width:767px){
    .cart-page .cart-header-info{display:none}
    .cart-page .cart_body .ajaxcart__row .cart_product{height:auto;align-items:flex-start}
    .cart-page .cart_body .cart_info{flex-wrap:wrap}
    .cart-page .cart_body .cart_info .cart_name{width:100%}
    .cart-page .cart_body .grid{width:33%}
    .nx-meta{grid-template-columns:1fr}
}

/* ── ảnh bên trái dải sản phẩm / banner giữa trang: website gốc chỉ cho chiều cao tự nhiên SAU KHI thư viện lazyload
   gắn lớp .loaded; ở đây ảnh dùng loading="lazy" của trình duyệt nên không có lớp đó ─────────────────────────── */
.image-effect img{height:auto}

/* ── cột "Danh mục": mục có nhóm con cần là mốc định vị cho nút +/- ───────────────────────────────── */
.aside-content-blog .nav-category ul .nav-item,.dqdt-sidebar .nav-category ul .nav-item{position:relative}
.aside-content-blog .nav-category ul .nav-item .down_icon,.dqdt-sidebar .nav-category ul .nav-item .down_icon{top:19px}
.nav-category ul .menu_down{padding-left:15px}

/* website gốc ẩn khối thông tin nhận hàng cho tới khi tích một ô (hoá đơn VAT); trang thanh toán của nền tảng luôn hiện */
.main-cart-page .r-bill .bill-field{display:block}

/* ── xem nhanh: website gốc không có CSS cho cột phải của cửa sổ này (và JS gốc không mở được nó), nên ở đây dựng theo cùng
   ngôn ngữ với trang chi tiết sản phẩm ─────────────────────────────────────────────────────────────────────────── */
#quick-view-product .block-quickview{margin:0}
#quick-view-product .qwp-name{font-size:22px;font-weight:700;margin:0 0 10px;line-height:1.3}
#quick-view-product .qwp-name a{color:#000}
#quick-view-product .qwp-name a:hover{color:#679210}
#quick-view-product .quickview-info .prices{display:block;margin-bottom:6px}
#quick-view-product .quickview-info .price{color:#679210;font-size:28px;font-weight:700}
#quick-view-product .quickview-info .old-price{color:#a5a5a5;font-size:16px;margin-left:8px}
#quick-view-product .vat_{margin-bottom:10px;color:#679210;font-weight:600}
#quick-view-product .product-description{margin-bottom:15px;font-size:14px}
#quick-view-product .product-description .view-more{color:#679210;font-weight:600}
#quick-view-product .quantity_wanted_p{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#quick-view-product .input_qty_qv{display:flex;align-items:center}
#quick-view-product .input_qty_qv .btn_num{display:inline-block;width:35px;height:35px;line-height:35px;border-radius:5px;background:#679210;color:#fff;text-align:center;font-size:20px}
#quick-view-product .input_qty_qv .btn_num:hover{background:#76a713}
#quick-view-product .input_qty_qv input{width:60px;height:35px;border:0;text-align:center;box-shadow:none;font-size:15px}
#quick-view-product .fix_add_to_cart{height:45px;padding:0 20px;border:0;border-radius:8px;background:#679210;color:#fff;font-weight:600;text-transform:uppercase;flex:1}
#quick-view-product .fix_add_to_cart:hover{background:#76a713}
#quick-view-product .contacts{margin-top:15px}
#quick-view-product .block_phone a{color:#679210;font-weight:700}
@media (max-width:1025px){#quick-view-product{display:none !important}}