/* 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; }

/* ── Document cards (dùng chung — home, danh mục, tài liệu liên quan) ── */
.doc-card {
  border: 1px solid var(--line); border-radius: 12px; background: #fff;
  height: 100%; transition: transform .15s ease, box-shadow .15s ease; overflow: hidden;
}
.doc-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.doc-card a { text-decoration: none; color: inherit; }
.doc-thumb {
  /* Bìa sách/tài liệu — cao (portrait), không phải vuông/ngang */
  aspect-ratio: 3 / 4;
  background: var(--brand-soft); color: var(--brand);
  display: flex; align-items: center; justify-content: center; font-size: 2.4rem;
  overflow: hidden;
}
.doc-thumb img { width: 100%; height: 100%; object-fit: cover; }
.doc-body { padding: .8rem .9rem; }
.doc-title {
  font-weight: 600; font-size: .88rem; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 2.4em; margin-bottom: .3rem;
}
.doc-meta { font-size: .78rem; color: var(--muted); }