/* ============================================================
   custom.css — UI override hoachthon.com  (v2, 2026-06-02)
   De doc cho nguoi lon tuoi + am ap truyen thong + hien dai full-width.
   Bao thu voi nav/grid; chu yeu tang readability + clarity.
   ============================================================ */
:root{
  --ht-primary:#7B2D26; --ht-primary-d:#5E211C;
  --ht-accent:#3E5C3A;  --ht-gold:#B8862F;
  --ht-text:#2B2620;    --ht-muted:#6B6359;
  --ht-bg:#FBF7EF;      --ht-border:#E6DECF;
}

/* --- Typography nen --- */
body{
  font-family:'Be Vietnam Pro','Open Sans','Noto Sans',-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
  font-size:16.5px; line-height:1.7; color:var(--ht-text);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
@media (min-width:768px){ body{ font-size:17px; } }
img, iframe, video, table{ max-width:100%; height:auto; }

/* --- FULL-WIDTH / hien dai: mo rong container, bot khoang trong 2 ben --- */
.container{ width:94% !important; max-width:1560px !important; }
@media (max-width:768px){ .container{ width:100% !important; } }

/* --- Tieu de BAI viet: noi bat, ro rang, co duong ke phan cach --- */
h1 .tieudeto, .tieudeto{ color:var(--ht-primary) !important; font-weight:700 !important; }
h1 .tieudeto{ font-size:27px !important; line-height:1.3; display:inline-block; }
.ngaythang{
  color:var(--ht-muted); font-size:14px; padding:4px 0 14px;
  border-bottom:2px solid var(--ht-border); margin-bottom:18px;
}
.ngaythang .lich::before{ content:"\f133"; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--ht-gold); margin-right:6px; }

/* --- Noi dung bai: de doc --- */
.noidung{ font-size:17px; line-height:1.85; color:var(--ht-text); }
.noidung p{ margin-bottom:16px; }
.noidung img{ margin:12px auto; display:block; border-radius:6px; }
.noidung h2,.noidung h3{ color:var(--ht-primary); line-height:1.4; margin:18px 0 10px; }

/* --- Header SECTION (Nguoi doc viet / Tin tuc...): ro & de phan biet --- */
.menudang2{ border-bottom:2px solid var(--ht-primary); margin-bottom:14px; padding-bottom:6px; }
.menudang2 h2 a{ color:var(--ht-primary) !important; font-weight:700; font-size:20px; text-transform:uppercase; letter-spacing:.3px; }
.menudang2 h2{ position:relative; padding-left:14px; }
.menudang2 h2::before{ content:""; position:absolute; left:0; top:2px; bottom:2px; width:5px; background:var(--ht-gold); border-radius:2px; }
.xemtatca{ color:var(--ht-accent) !important; font-size:14px; font-weight:600; }

/* --- Header sidebar (THONG BAO CHUNG / LIEN KET / THONG KE) --- */
.menudang1 h2 a{ color:#fff !important; font-weight:700; }

/* --- Tieu de tin trong list: dam, de doc, ro ngay thang --- */
.tieudeto{ font-size:20px; }
.tieudenho{ color:#2B2620 !important; font-weight:600; line-height:1.45; }
.tieudenho:hover{ color:var(--ht-primary) !important; }
.datet{ color:var(--ht-muted) !important; font-size:13px; }
.bicon{ color:var(--ht-gold); }

/* --- Card / anh tin: bo goc nhe, deu --- */
.nguoidocviet img, .baivietmoi img, .thuvienvideo img{ border-radius:6px; }

/* --- DAI ANH duoi chan (slidelogo): dong deu kich thuoc --- */
.logo-swiper .swiper-slide{ height:130px !important; }
.logo-swiper .swiper-slide img{ width:100% !important; height:130px !important; object-fit:cover; border-radius:6px; }

/* --- Breadcrumb: ro rang --- */
.breadcrumb{ background:#F3ECDF !important; border-radius:6px; font-size:14px; padding:8px 14px !important; }
.breadcrumb a{ color:var(--ht-accent) !important; }
.breadcrumb .active a{ color:var(--ht-muted) !important; }

/* --- Khoi Lien ket + Thong ke: gon gang --- */
.selectlink .form-control{ font-size:15px; height:auto; padding:8px 10px; }
.bdxq{ font-size:15px; line-height:1.9; }

/* --- Footer (dung class footer.blade.php) --- */
.icft{ font-size:15.5px; line-height:1.9; }
.icft i{ color:var(--ht-gold); width:18px; text-align:center; margin-right:4px; }
.menuh a{ color:#F0E9DC; }
.menuh a:hover{ color:var(--ht-gold); }
.tieudeft h2 a{ font-size:15px; color:#E9E1D2; }
.footer_bottom{ background:var(--ht-primary-d); color:#F2E9DA; font-size:14.5px; padding:14px 10px; letter-spacing:.2px; }
.anhfb img{ width:34px; height:34px; }

/* --- Nut bam --- */
.btn{ min-height:40px; }