@charset "utf-8";
/* 自訂主要配色為 #e21313 */
:root, [data-bs-theme="light"] {
  --bs-primary: #e21313;
  --bs-primary-rgb: 226, 19, 19;
  
  /* 連結顏色 */
  --bs-link-color: #e21313;
  --bs-link-color-rgb: 226, 19, 19;
  
  /* 連結懸停顏色 (稍微加深) */
  --bs-link-hover-color: #c01010;
  --bs-link-hover-color-rgb: 192, 16, 16;
  
  /* 淺色主題下的輔助顏色 */
  --bs-primary-text-emphasis: #880b0b; /* 用於強調文字 (加深) */
  --bs-primary-bg-subtle: #f9d0d0;     /* 用於淺色背景 (大幅變淡) */
  --bs-primary-border-subtle: #f3a1a1; /* 用於淺色邊框 (變淡) */
}

/* 如果你有使用深色模式，也需要覆寫深色主題的輔助顏色 */
[data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #ee7171; /* 深色模式下的強調文字 (變淺以增加對比) */
  --bs-primary-bg-subtle: #2d0404;     /* 深色模式下的淺背景 (大幅加深) */
  --bs-primary-border-subtle: #5a0808; /* 深色模式下的淺邊框 (加深) */
  --bs-link-color: #ee7171;
  --bs-link-hover-color: #f3a1a1;
}

/* 針對導航欄中的下拉選單進行限制 */
.navmenu .dropdown ul {
  max-height: 400px;       /* 設定選單的最大高度，可根據需求調整 */
  overflow-y: auto;        /* 如果內容超過高度，顯示垂直捲軸 */
  overflow-x: hidden;      /* 隱藏水平捲軸，防止左右晃動 */
}

/* 選擇性美化捲軸 (適用於 Chrome, Edge, Safari) */
.navmenu .dropdown ul::-webkit-scrollbar {
  width: 6px;              /* 捲軸寬度 */
}

.navmenu .dropdown ul::-webkit-scrollbar-thumb {
  background-color: #e21313; /* 捲軸顏色，建議用你的主要配色 */
  border-radius: 10px;      /* 捲軸圓角 */
}

.navmenu .dropdown ul::-webkit-scrollbar-track {
  background: #f1f1f1;     /* 捲軸軌道顏色 */
}