/* ============================================================
   HEADER / MENU DÙNG CHUNG CHO MỌI TRANG PUBLIC
   Đồng bộ giao diện menu (glass header, active underline, nút CTA)
   giữa trang chủ và các trang con (/khoa-hoc/, /giang-vien/, ...).
   Dùng giá trị màu cố định (không phụ thuộc biến --kv-* của từng
   trang) để không bị các <style> cục bộ của từng trang ghi đè.
   Nạp SAU cùng trong <head> + !important để thắng style cũ.
   ============================================================ */

.kv-site-header,
.kv-site-header.is-scrolled,
body.kv-public .kv-site-header,
body.kv-redesign .kv-site-header,
body.kv-home .kv-site-header {
  background: rgba(255, 255, 255, .92) !important;
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid #DDEEE7;
  box-shadow: 0 2px 16px -8px rgba(16, 42, 36, .18) !important;
  color: #102A24 !important;
}
.kv-site-header .kv-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 72px;
}
.kv-desktop-nav { gap: .35rem !important; }
.kv-desktop-nav a {
  position: relative;
  color: #102A24 !important;
  font-weight: 600;
  font-size: .95rem;
  padding: .5rem .85rem !important;
  border-radius: 10px;
  transition: color .15s ease, background .15s ease;
}
.kv-desktop-nav a:hover { color: #006B3F !important; background: #E7F5EE; }
.kv-desktop-nav a.text-kv-yellow { color: #006B3F !important; }
/* Active menu: gạch chân vàng tinh tế */
.kv-desktop-nav a.text-kv-yellow::after {
  content: "";
  position: absolute;
  left: .85rem;
  right: .85rem;
  bottom: .3rem;
  height: 3px;
  border-radius: 3px;
  background: #FBBF24;
}
.kv-desktop-cta {
  background: #006B3F !important;
  color: #fff !important;
  padding: .7rem 1.4rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px -12px rgba(0, 66, 37, .18);
  transition: transform .16s ease, background .16s ease;
}
.kv-desktop-cta:hover { background: #003d22 !important; transform: translateY(-2px); opacity: 1 !important; }
