/* =====================================================================
   Màu thương hiệu Hóa Nông An Giang (DATA/HNAG-Brandcorlor.pdf, 29/09/2026)
   CHỈ ĐỔI MÀU – không đổi bố cục, kích thước, viền, khoảng cách (anh chốt 29/09: web cũ chỉ sửa tạm).
   Nạp SAU style.css + giaodien.css để ghi đè giao diện cũ (nền vàng chữ xanh / nền xanh chữ vàng).
   Gỡ bỏ file này (1 dòng <link> trong index.php) là quay về màu cũ.
   ===================================================================== */
:root {
  --hn-primary: #3F6F3A;   /* Xanh lá nông nghiệp – tiêu đề, mảng chính */
  --hn-dark: #23452D;      /* Xanh rừng đậm – header, footer, chữ nhấn */
  --hn-secondary: #7FA650; /* Xanh lá non – icon, điểm phụ */
  --hn-accent: #D9A62E;    /* Vàng lúa – điểm nhấn, CTA, con số */
  --hn-bg: #F4F0E3;        /* Kem giấy tự nhiên – nền */
  --hn-text: #292D29;      /* Xám than – nội dung */
  --hn-line: #DCD5BF;      /* Viền nhạt trên nền kem (phái sinh từ nền) */
}

/* ---- Nền trang & khung ---- */
body { background: var(--hn-bg) url('../images1/bg_hnag.webp') center center / cover no-repeat fixed !important; color: var(--hn-text); }
#art-sheet { border-color: var(--hn-dark) !important; background-color: #fff !important; }
.art-sheet:before, .art-sheet:after, .art-sheet-body:before, .art-sheet-body:after { background-image: none !important; }

/* ---- Menu ngang ---- */
.art-nav, .art-nav:before, .art-nav:after { background: var(--hn-dark) !important; background-image: none !important; }
ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after { background-image: none !important; }
ul.art-hmenu>li>a, ul.art-hmenu>li>a:link { color: #F4F0E3 !important; }
ul.art-hmenu>li>a.active, ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a { color: var(--hn-dark) !important; background: var(--hn-accent) !important; }
ul.art-hmenu>li:hover { background-color: transparent !important; }
/* menu xổ xuống: viền xanh mảnh + bóng nhẹ để tách khỏi nội dung phía dưới (anh yêu cầu 29/09) */
/* ul có vùng đệm vô hình (padding 30px để rê chuột không bị mất menu) → viền/bóng đặt trên từng mục, không đặt trên ul */
ul.art-hmenu ul { border: 0 !important; box-shadow: none !important; }
ul.art-hmenu ul > li { border-left: 1px solid var(--hn-primary); border-right: 1px solid var(--hn-primary); box-shadow: 0 4px 10px rgba(35,69,45,.22); }
ul.art-hmenu ul > li:first-child { border-top: 1px solid var(--hn-primary); }
ul.art-hmenu ul > li:last-child { border-bottom: 1px solid var(--hn-primary); }
.art-hmenu ul a, .art-hmenu ul a:link, .art-hmenu ul a:visited { background: #fff !important; color: var(--hn-text) !important; border-top: 1px solid #EEE9DA !important; }
.art-hmenu ul li a:hover, .art-hmenu ul li:hover>a { background: var(--hn-primary) !important; color: #fff !important; }

/* Dòng chữ chạy dưới menu */
.menulink { background: var(--hn-bg) !important; border-color: var(--hn-line) !important; }
.menulink, .menulink * { color: var(--hn-primary) !important; }

/* ---- Tiêu đề khối (cột trái/phải) ---- */
.hotro, .art-blockheader, .art-vmenublockheader { background: var(--hn-primary) !important; background-image: none !important; }
.art-blockheader:after, .art-vmenublockheader:before { background: none !important; }
.tinhotro, .art-blockheader .t, .art-vmenublockheader .t, .hotro h3, .hotro h3 a { color: #fff !important; text-shadow: none !important; }
.art-blockcontent { border-color: var(--hn-primary) !important; }

/* ---- Menu dọc "Danh mục" ---- */
ul.art-vmenu>li>a, ul.art-vmenu>li>a:link { color: var(--hn-text) !important; background: #fff !important; }
ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after { background: none !important; }
ul.art-vmenu>li>a:hover, ul.art-vmenu>li:hover>a, ul.art-vmenu>li>a.active { color: #fff !important; background: var(--hn-primary) !important; }
ul.art-vmenu ul a, ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited { background: var(--hn-bg) !important; color: var(--hn-text) !important; }
ul.art-vmenu ul a:hover, ul.art-vmenu ul li:hover>a { background: var(--hn-secondary) !important; color: #fff !important; }
ul.art-vmenu li li:before { background: var(--hn-line) !important; }

/* ---- Tiêu đề nội dung giữa ---- */
.art-postmetadataheader { background: var(--hn-primary) !important; background-image: none !important; }
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader span { color: #fff !important; text-shadow: none !important; }
.art-post-body { border-color: var(--hn-line) !important; }
#tieude { color: var(--hn-primary) !important; }
#tieude:hover, #tieude5:hover, #tin1:hover, #tin2:hover { color: var(--hn-accent) !important; }

/* ---- Ô sản phẩm ---- */
#sp, #bosanpham { border-color: var(--hn-primary) !important; }
#sp tr:last-child td { background: var(--hn-primary) !important; }
#title, #sp tr:last-child td a#title { color: #fff !important; }

/* ---- Footer ---- */
/* giữ hoa văn bông lúa: footer.png tô lại màu thương hiệu → footer_brand.png */
.art-footer { background-image: url('../images1/footer_brand.png') !important; }
.art-footer-text, .art-footer-text * { color: #E8E3D2 !important; }
.art-footer-text b, .art-footer-text strong, .art-footer-text h1, .art-footer-text h2, .art-footer-text h3 { color: var(--hn-accent) !important; }
.art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited { color: var(--hn-accent) !important; }

/* ---- Nút ---- */
input[type=submit], input[type=button], button { background: var(--hn-primary); color: #fff; }
input[type=submit]:hover, input[type=button]:hover, button:hover { background: var(--hn-dark); }

/* ---- Trang chi tiết sản phẩm (ghi đè màu trong hnag-product.css) ---- */
.hnag-sp-name, .hnag-sp-uses h2, .hnag-sp-infohead, .hnag-sp h3 { color: var(--hn-dark) !important; }
.hnag-sp-call { background: var(--hn-accent) !important; color: var(--hn-dark) !important; }
.hnag-sp-call:hover { background: var(--hn-primary) !important; color: #fff !important; }
.hnag-sp-price #gia { color: var(--hn-primary) !important; }
.hnag-sp-uses { background: var(--hn-bg) !important; border-color: var(--hn-line) !important; }
.hnag-sp-infohead { border-bottom-color: var(--hn-secondary) !important; }
.hnag-sp-table th { background: var(--hn-bg) !important; color: var(--hn-dark) !important; }
.hnag-sp-table th, .hnag-sp-table td { border-color: var(--hn-line) !important; }
.hnag-sp-contact { background: var(--hn-bg) !important; border-color: var(--hn-line) !important; }
.hnag-sp-contact a { color: var(--hn-primary) !important; }
.hnag-pop-name { background: var(--hn-primary) !important; }

/* ---- Tìm kiếm ---- */
.tukhoa { background: #fff !important; color: var(--hn-text) !important; border-color: var(--hn-line) !important; }
.inter { background: var(--hn-primary) !important; color: #fff !important; }
.inter:hover { background: var(--hn-dark) !important; }

/* ---- Hỗ trợ khách hàng: số điện thoại / bộ phận (inline color:RED/GREEN trong module/lienhe.php) ---- */
.art-blockcontent-body [style*="RED"], .art-blockcontent-body [style*="red"] { color: var(--hn-dark) !important; }
.art-blockcontent-body [style*="GREEN"] { color: var(--hn-primary) !important; }
.art-blockcontent-body a[href^="tel"], .art-blockcontent-body a[href^="mailto"] { color: var(--hn-primary) !important; }

/* ---- Ảnh tin tức: viền giữ độ dày cũ, đổi màu ---- */
.img { border-color: var(--hn-primary) !important; }

/* ---- Nút "Xem tiếp" ---- */
/* nút giữ nguyên hình dạng cũ, chỉ đổi màu chữ */
a.readon, span.art-button-wrapper>a.art-button { color: var(--hn-dark) !important; }

/* Tiêu đề bài viết trong khối (tin tức, hỗ trợ nông dân) */
#tieude1, .art-postcontent h2 a, #tin1, #tin2 { color: var(--hn-primary) !important; }