/* ============================================================
   Menu cấp 2 (dropdown desktop) — đồng bộ với menu cấp 1 theo mẫu leclosdufil.com:
   cùng font heading đậm, chữ trắng, cỡ 1.3125rem (21px như mẫu, nhỏ hơn cấp 1 một bậc), không kẻ viền giữa các mục.
   Nền navy giống header khi cuộn (.is-scrolled) để chữ trắng luôn đọc được, kể cả khi
   header còn trong suốt nằm trên ảnh sáng. Chỉ áp dụng cho .site-header, main.css
   (dùng chung) giữ nguyên.
   ============================================================ */
@media (min-width: 1024px) {
  .site-header .menu ul ul {
    min-width: 13rem;
    padding: 0.5rem 0;
    background-color: var(--cl-navy);
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.2);
  }

  .site-header .menu ul ul li:not(:last-child) {
    border-bottom: 0;
  }

  .site-header .menu ul ul a {
    padding: 0 1.25rem;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.3125rem;
    line-height: 2.25rem;
    color: var(--cl-white);
  }

  /* Hover: chỉ đổi màu chữ sang be (cùng màu mục đang active ở cấp 1), bỏ khối nền đỏ
     của main.css cho nhẹ nhàng như mẫu. */
  .site-header .menu ul ul a:hover {
    background: transparent;
    color: var(--cl-cream) !important;
  }
}