/*
  Chuanyu Sports Brand Visual System
  Author: Gemini
  Date: 2025-12-14
  Version: 2.0
*/

/* 1. CSS Variable Definitions */
:root {
  --brand-primary: #FF4500; /* 傳羽橘 */
  --brand-bg: #f4f5f7;      /* 淺灰背景 */
}

/* 2. Global Settings */
body {
  background-color: var(--brand-bg);
  padding-bottom: 70px; /* 為底部選單預留空間 */
}

/* 3. Button Optimization */
.btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  border-radius: 4px !important; /* 微圓角 */
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  /* 使用一個比主色稍暗的顏色作為互動效果 */
  background-color: #E63E00 !important;
  border-color: #E63E00 !important;
  box-shadow: none !important;
}

/* 4. Bottom Navigation Bar Style */
.mobile-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px; /* 與 body padding-bottom 保持一致 */
  background-color: white;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08); /* 柔和的上方陰影 */
  display: flex;
  justify-content: space-around; /* 內部項目水平平均排列 */
  align-items: center;
  z-index: 1030;
}