/* ===== Offcanvas menu：統一 Lv1 / Lv2 視覺 ===== */

/* Lv1 單層連結：外觀做得跟 accordion-button 一樣（但不吃 Bootstrap 的箭頭/藍底） */
.menu-lv1-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem; /* 直接固定，避免手機變大/不一致 */
  text-decoration: none;
  color: #212529 !important;
  font-weight: 600; /* 不要 700，讓它跟 button 接近 */
  background: transparent !important;
  border-radius: 0;
  font-size: 1rem !important; /* 明確鎖住字級 */
  line-height: 1.25 !important; /* 對齊 accordion 常用行高 */
  min-height: 0 !important; /* 避免被撐高 */
}

/* Lv1 展開按鈕（加購服務）：把它調成跟單層一樣 */
.menu-lv1 .accordion-button {
  font-weight: 600; /* 統一字重 */
  color: #212529 !important;
}

/* Lv1 hover/active/focus：全都用灰底，不要藍 */
.menu-lv1-item:hover,
.menu-lv1-item:active,
.menu-lv1-item:focus,
.menu-lv1 .accordion-button:hover,
.menu-lv1 .accordion-button:focus,
.menu-lv1 .accordion-button:not(.collapsed) {
  background-color: rgba(0, 0, 0, 0.06) !important;
  color: #212529 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Lv2（ERP / POS） */
.menu-lv2-list a {
  display: block;
  padding: 0.6rem 0.75rem;
  border-radius: 10px;
  text-decoration: none;
  color: #212529 !important; /* 這行是關鍵：壓掉 Bootstrap hover 藍色 */
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.menu-lv2-list a:hover,
.menu-lv2-list a:focus,
.menu-lv2-list a:active {
  background-color: rgba(0, 0, 0, 0.06) !important;
  color: #212529 !important;
  outline: none !important;
  box-shadow: none !important;
}