/* Shared styles for module "tailieu" (Kho tài liệu — tailieuchuan.lad.vn).
   Dùng chung cho mọi trang trong templates/tailieuchuan/ — brand vars, navbar, footer, buttons.
   Mỗi trang vẫn có thể định nghĩa thêm CSS riêng (hero, card, filter...) sau khi include file này. */

:root {
  --brand: #ff8c00;
  --brand-dark: #e07600;
  --brand-soft: #fff4e5;
  --ink: #1e2430;
  --muted: #6b7280;
  --line: #ecebe8;
  --bg: #fafaf8;
}

body {
  font-family: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  background: var(--bg);
}

.btn-brand { background: var(--brand); border-color: var(--brand); color: #fff; font-weight: 600; }
.btn-brand:hover { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; }
.btn-outline-brand { border-color: var(--brand); color: var(--brand-dark); font-weight: 600; }
.btn-outline-brand:hover { background: var(--brand); color: #fff; }

/* ── Navbar (menu chung — Lớp / Môn học / Thể loại, giống tailieuchuan.net) ── */
.navbar { background: #fff; border-bottom: 3px solid var(--brand); box-shadow: 0 1px 4px rgba(0,0,0,.05); }
.navbar-brand { font-weight: 800; color: var(--brand-dark) !important; font-size: 1.4rem; }
.navbar .nav-link { color: var(--ink); font-weight: 500; }
.navbar .nav-link:hover, .navbar .dropdown-item:hover { color: var(--brand-dark); }
.navbar .dropdown-menu { max-height: 70vh; overflow-y: auto; font-size: .9rem; }
.tl-nav-search { max-width: 260px; }

/* ── Footer (dùng chung) ── */
footer.tl-footer { background: var(--ink); color: #c7cbd1; margin-top: 3rem; }
footer.tl-footer h6 { color: #fff; font-weight: 600; }
footer.tl-footer a { color: #c7cbd1; text-decoration: none; }
footer.tl-footer a:hover { color: var(--brand); }
.tl-footer-bottom { border-top: 1px solid #333a48; padding: 1rem 0; text-align: center; font-size: .85rem; }