/* HEADER — style scoped của EcomaxHeader.vue. */

/* Hiệu ứng menu như assesstrace.vn: vệt màu kiểu bút dạ quang nằm SAU chân chữ (cao 25%, cách đáy 7px), rê chuột thì
   chạy từ trái sang hết chữ; mục đang ở thì vệt nằm sẵn. Màu = xanh dương nhạt hơn nền header ghim #2654cb. */
[data-ex-section="header"] .ex-nav-link {
  position: relative;
  z-index: 0;
}
[data-ex-section="header"] .ex-nav-link::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 7px;
  z-index: -1;
  width: 0;
  height: 25%;
  background: #4f7fe8;
  transition: width 0.34s cubic-bezier(0.2, 0.7, 0.3, 1);
}
[data-ex-section="header"] .ex-nav-link.is-active::before {
  width: 100%;
}
/* Điện thoại (< 576px): logo 24 → 19px — logo đặt chiều cao bằng style nội tuyến nên phải !important. */
@media (max-width: 575.98px) {
  [data-ex-section="header"] .ex-logo-link img { height: 19px !important; }
}
/* Rê chuột chỉ trên máy có chuột — màn cảm ứng "dính" trạng thái hover sau khi chạm. */
@media (hover: hover) {
  [data-ex-section="header"] .ex-nav-link:hover::before { width: 100%; }
}