/* Bổ sung cho main.css: menu, footer, trang tĩnh, liên hệ, 404 */

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ----- Header + menu ----- */
.header .main-header {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px;
}
.header .logo img { max-width: 100%; height: auto; }
.site-nav { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.site-nav a, .site-nav a:link {
  color: #191919; font-family: 'tahomabold', Tahoma, sans-serif; font-size: 15px;
  padding: 4px 0; border-bottom: 2px solid transparent;
}
.site-nav a:hover, .site-nav a.active { color: #bb1625; border-bottom-color: #bb1625; }
@media only screen and (max-width: 640px) {
  .header .logo img { width: 200px; }
  .site-nav a { font-size: 14px; }
}

/* ----- Footer ----- */
.footer, .footer p { color: #d0d0d0; }
.footer a, .footer a:link { color: #fff; }
.footer a:hover { color: #ff6b6b; }
.footer .text-footer p { margin: 2px 0; }
.des-footer .list-link-footer ul { list-style: none; padding: 0; margin: 0 0 8px; overflow: hidden; }
.des-footer .list-link-footer ul li { margin-right: 14px; }
@media only screen and (max-width: 1023px) {
  .des-footer .list-link-footer ul li { margin: 0 6px 4px; }
}

/* ----- Chi tiết bài ----- */
.breadcrumb { font-size: 14px; color: #898989; margin-bottom: 10px; }
.breadcrumb a, .breadcrumb a:link { color: #bb1625; }
.breadcrumb span { margin: 0 4px; }
.post-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; color: #898989; }
.post-meta .author { color: #bb1625; font-family: 'tahomabold', Tahoma, sans-serif; margin-top: 2%; }
.title-detail { color: #191919; }
.main-news h2.title-h3 { margin: 0; }

/* main.css chừa chỗ cho icon-h2/h3.png nhưng các ảnh này không có -> bỏ khoảng thụt */
.text-detail h2, .text-detail h3 { padding-left: 0; margin-left: 0; }
.text-detail h2:before, .text-detail h3:before { display: none; }
.text-detail h2 { border-left: 4px solid #bb1625; padding: 2px 0 2px 10px; margin: 18px 0 10px; }

/* ----- Trang tĩnh ----- */
.static-page .text-detail h2 { margin-top: 18px; }
.static-page .text-detail ul { margin-bottom: 12px; }
.static-page .text-detail ul li { color: #333; }
.static-page .page-updated { color: #898989; margin-top: 24px; }

/* ----- Liên hệ ----- */
.contact-info { background: #f6f6f6; border-left: 4px solid #bb1625; padding: 12px 16px; margin: 16px 0; }
.contact-info p { margin-bottom: 4px; }
.contact-form { max-width: 640px; margin-top: 10px; }
.contact-form label { display: block; color: #333; font-weight: bold; margin-bottom: 12px; font-size: 15px; }
.contact-form input, .contact-form textarea {
  display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 10px;
  border: 1px solid #ccc; border-radius: 4px; font: inherit; font-weight: normal; color: #222; background: #fff;
}
.contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: #bb1625; }
.contact-form .cf-row { display: flex; gap: 12px; flex-wrap: wrap; }
.contact-form .cf-row label { flex: 1 1 220px; }
.contact-form .cf-hp { position: absolute; left: -9999px; }
.contact-form button {
  background: #bb1625; color: #fff; border: 0; border-radius: 4px; padding: 10px 22px;
  font-size: 15px; cursor: pointer; font-family: 'tahomabold', Tahoma, sans-serif;
}
.contact-form button:disabled { opacity: .6; cursor: default; }
.cf-msg { min-height: 22px; margin-top: 10px; color: #555; }
.cf-msg.ok { color: #1e8449; }
.cf-msg.err { color: #bb1625; }
.cf-note { font-size: 14px; color: #777 !important; }

/* ----- Phân trang ----- */
.pagination a.item-pagi, .pagination a.item-pagi:link { color: #5b5d7e; }

/* ----- 404 ----- */
.page-404 .lead { color: #555; font-size: 17px; margin: 12px 0 16px; }
.btn, a.btn:link {
  display: inline-block; background: #bb1625; color: #fff; padding: 8px 20px; border-radius: 4px;
}
.empty { color: #555; }