/* 客製化樣式與動畫 */
:root {
  --brand-primary: #1E3A8A;
  --brand-secondary: #F59E0B;
}

body {
  font-family: 'Inter', 'Noto Sans TC', sans-serif;
}

/* Swiper 樣式優化 */
.swiper-pagination-bullet-active {
  background: var(--brand-secondary) !important;
}

.swiper-button-next, .swiper-button-prev {
  transition: all 0.3s ease;
}

/* 動畫效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

/* 導航列模糊背景延遲出現 */
nav {
  transition: background-color 0.3s, box-shadow 0.3s;
}

/* 預約單狀態標籤樣式 */
.status-pending {
  background-color: #FEF3C7;
  color: #92400E;
}

.status-contacted {
  background-color: #D1FAE5;
  color: #065F46;
}

/* 管理員 Modal 捲軸隱藏但可滾動 */
#adminModal .flex-1::-webkit-scrollbar {
  width: 6px;
}
#adminModal .flex-1::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#adminModal .flex-1::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}

/* 背景圖磨砂玻璃效果 */
.bg-glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
}