/* Phần BỔ SUNG của theme "Bán hàng 3". Toàn bộ giao diện chính nằm ở các tệp CSS nguyên bản của website gốc
   (plugin.css, base.css, style.css, module.css, responsive.css, lightbox.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 lỗi, và vài chỗ website gốc viết CSS trong từng trang. */

/* ── thuộc tính hidden luôn thắng các khai báo display của CSS gốc (chế độ Lưới/Danh sách) ── */
[hidden] { display: none !important; }

/* ── thông báo sau khi gửi biểu mẫu liên hệ (TempData do máy chủ đặt) ── */
.nx-notice { margin: 15px 0; padding: 10px 15px; border-radius: 5px; border: 1px solid #0080c6; background: #e6f3fb; color: #00507d; 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 #0080c6; border-radius: 5px; background: #0080c6; color: #fff; font-weight: 600; line-height: 1.5; cursor: pointer; }
.nx-btn:hover { background: #006aa5; border-color: #006aa5; color: #fff; }
.nx-error { padding: 50px 0; text-align: center; }
.nx-error__title { font-size: 30px; color: #0080c6; }
.nx-error__trace { color: #999; font-size: 13px; }
.nx-contact-extra { margin-top: 30px; }

/* ── dải ảnh nhỏ của slider: website gốc dùng ảnh cắt vuông 100×100; ở đây cắt giữa ảnh bằng CSS ── */
.slide_index .thumb_side .thumb_small a img { width: 100%; height: 100%; object-fit: cover; }

/* ── trang liên hệ: website gốc viết hai luật này trong thẻ <style> của trang ── */
.google-map { width: 100%; min-height: 455px; background: #dedede; }
.google-map iframe { display: block; width: 100%; }

/* ── album: tiêu đề trong thẻ ảnh (website gốc viết trong thẻ <style> của trang album) ── */
.galeryitem h3 { margin: 5px 0 !important; }
/* chưa có JavaScript: nội dung album là chuỗi <figure>, xếp thành lưới đơn giản */
.album-source { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.album-source figure { margin: 0 0 20px; padding: 0 15px; width: 25%; }
.album-source figure img { max-width: 100%; height: auto; }
.album-source figcaption { margin-top: 5px; font-weight: 600; }
@media (max-width: 767px) { .album-source figure { width: 50%; } }

/* ── nội dung bài viết/trang do người dùng soạn: ảnh không tràn khung ── */
.rte img { max-width: 100%; height: auto; }

/* ── "Lịch sử phát triển" của trang giới thiệu: website gốc dùng <dl>/<dt>/<dd>/<time>, thẻ không nằm trong danh sách
   được phép của bộ lọc HTML, nên nội dung dùng <div class="hist-dt|hist-dd"> — luật dưới đây chép nguyên từ .list-history dt/dd ── */
.list-history .hist-dt { float: left; }
.list-history .hist-dd { margin-left: 60px; line-height: 18px; padding-bottom: 21px; text-align: justify; }

/* ── ảnh thẻ bài viết/album: hai lớp phủ hiệu ứng di chuột (.img1:before/:after) của website gốc nằm TRÊN ảnh nên chặn mọi cú bấm
   vào ảnh (chỉ bấm tiêu đề mới đi tiếp). Cho chúng bỏ qua con trỏ: hiệu ứng vẫn chạy (kích hoạt bởi :hover của .img1), ảnh bấm được ── */
.img1:before, .img1:after { pointer-events: none; }