/* Nút: chữ tối trên nền vàng */
a.btn-default { color: #232837; font-weight: 600; }
a.btn-default:hover { color: #fff; }

/* Menu */
.header-navigation li a { font-size: 13px; font-weight: 500; letter-spacing: .06em; }
.header-navigation .current-menu-item > a,
.header-navigation .current-menu-ancestor > a { box-shadow: inset 0 -2px 0 #f1bc68; }
nav#site-navigation li > .sub-menu li a:hover,
nav#site-navigation li > .sub-menu li a:focus { background: #f1bc68; color: #232837; }

/* Hamburger */
#hamburger-menu span { background-color: #232837; }
#hamburger-menu::before { content: ""; position: absolute; inset: -12px; }

/* Hero */
.hero-blog-content h1 {
  text-transform: none; letter-spacing: .01em; font-weight: 600;
  line-height: 1.15; font-size: clamp(32px, 3.4vw, 52px);
}
.hero-blog-content-wrap > span {
  display: block; margin-top: 16px; font-size: 18px;
  line-height: 1.6; color: #444; max-width: 34em;
}
.hero-section { align-items: stretch; }
.hero-section .image-wrap { min-height: 420px; }

/* Mobile */
@media (max-width: 767px) {
  body { font-size: 16px; line-height: 1.6; color: #444; }
  h1, .h1 { font-size: 28px; }
  h2, .h2 { font-size: 22px; }
  h3, .h3 { font-size: 18px; }
  h4, .h4 { font-size: 16px; }
  h5, .h5, h6, .h6 { font-size: 14px; }
  .hero-section { flex-direction: column; gap: 24px; }
  .hero-section .image-wrap { width: 100%; min-height: 240px; }
  .hero-section .hero-blog-content { width: 100%; padding-top: 0; }
}

/* ===== FOOTER ===== */
footer#colophon {
  --f-bg: #f7f2ee; --f-text: #444; --f-head: #232837; --f-accent: #9a5b00;
  --f-line: rgba(0,0,0,.1); --f-bar: #ece3dc; --f-bar-text: #444;
  background: var(--f-bg);
  color: var(--f-text);
}
.prefooter { padding: 56px 0 40px; }

/* Lưới 3 cột đều nhau, thay cho float */
.prefooter .row > .col-md-12 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  float: none;
}
.prefooter .col-md-12 > [class*="col-md-"] { width: auto; float: none; padding: 0; }
.prefooter .col-md-3:empty { display: none; }

/* Tiêu đề cột */
footer#colophon .widget-heading,
footer#colophon .widget-title,
footer#colophon .widget h2 {
  background: none;
  position: relative;
  margin: 0 0 18px;
  padding: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--f-head);
}
footer#colophon .widget-heading::after,
footer#colophon .widget-title::after,
footer#colophon .widget h2::after {
  content: "";
  position: absolute; left: 0; bottom: 0;
  width: 32px; height: 2px;
  background: var(--f-accent);
}

/* Danh sách menu */
footer#colophon .widget ul { list-style: none; margin: 0; padding: 0; }
footer#colophon .widget li { display: block; margin: 0; padding: 0; border: 0; }
footer#colophon .widget ul ul { padding-left: 14px; }
footer#colophon .widget li a {
  display: inline-block;
  padding: 6px 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--f-text);
  text-decoration: none;
  transition: color .2s, transform .2s;
}
footer#colophon .widget li a:hover,
footer#colophon .widget li a:focus {
  color: var(--f-accent);
  transform: translateX(3px);
}
footer#colophon .widget li a:focus-visible {
  outline: 2px solid var(--f-accent);
  outline-offset: 3px;
}

/* Thanh bản quyền */
footer#colophon .site-info {
  background: var(--f-bar);
  border-top: 1px solid var(--f-line);
  padding: 18px 0;
  font-size: 13px;
  color: var(--f-bar-text);
}
footer#colophon .site-info p,
footer#colophon .site-info span { color: var(--f-bar-text); margin: 0; }
footer#colophon .site-info a { color: var(--f-accent); }

@media (max-width: 767px) {
  .prefooter { padding: 40px 0 24px; }
  .prefooter .row > .col-md-12 { grid-template-columns: 1fr; gap: 28px; }
}
/* ===== BẢNG VÀ KHOẢNG CÁCH TRONG BÀI VIẾT ===== */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 15px;
  line-height: 1.5;
}
.entry-content th,
.entry-content td {
  border: 1px solid #e5dcd3;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
.entry-content th {
  background: #f7f2ee;
  color: #232837;
  font-weight: 700;
}
.entry-content tbody tr:nth-child(even) { background: #fbf8f5; }

.entry-content h2 { margin-top: 1.8em; }
.entry-content h3 { margin-top: 1.4em; }
.entry-content li { margin-bottom: .4em; }

/* Điện thoại: bảng cuộn ngang thay vì bị bóp */
@media (max-width: 767px) {
  .entry-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
  }
  .entry-content th,
  .entry-content td { min-width: 120px; }
}