/* 按鈕美化樣式 */
.btn-primary {
  background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #0a58ca 0%, #0d6efd 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
/* 針對手機版 (螢幕寬度小於 768px) 的響應式調整 */
@media screen and (max-width: 768px) {
  body {
    font-size: 14px; /* 將預設字體稍微縮小 */
  }
  h1,
  .title {
    font-size: 1.5rem; /* 縮小主標題 */
  }
  h2,
  .card-title {
    font-size: 1.25rem; /* 縮小卡片標題與次標題 */
  }
  .btn {
    font-size: 0.9rem; /* 讓按鈕文字在手機上更緊湊 */
  }
}
/* --- 分類選單樣式 (Category Menu) --- */
/* 移除清單預設樣式 */
.category-menu,
.category-menu ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
/* 選單連結基礎樣式 */
.category-menu a {
  display: block;
  padding: 12px 15px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #e9ecef; /* 淺灰分隔線 */
  position: relative;
  transition: all 0.2s ease;
}
/* 滑鼠懸停效果 */
.category-menu a:hover {
  background-color: #f8f9fa;
  color: #0d6efd; /* Bootstrap Primary Blue */
}
/* 子選單 (Submenu) - 關鍵：預設隱藏 */
.submenu {
  display: none;
  background-color: #fcfcfc; /* 子選單背景稍微不同 */
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); /* 內陰影增加層次感 */
}
/* 第一層子選單縮排 */
.submenu li a {
  padding-left: 30px;
  font-size: 0.95em;
}
/* 展開/收合圖示 (+/-) */
.toggle-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: #6c757d;
  font-size: 1.2em;
  line-height: 1;
}
/* 展開時的連結狀態 (配合 JS 的 .active class) */
.category-menu a.active {
  color: #0d6efd;
  background-color: #f1f7ff;
}
.category-menu a.active .toggle-icon {
  color: #0d6efd;
}
/* --- 網站標題 Logo 樣式 --- */
.logo {
  font-family: "Chocolate Classical Sans", sans-serif;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
/* 購物車按鈕懸停動畫 */
.cart-icon-btn {
  transition: transform 0.2s ease-in-out;
}
.cart-icon-btn:hover {
  transform: scale(1.05);
}