/* ✅ 共用卡片樣式 */
.guest-card {
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  border-radius: 1rem;
  border-left: 3px solid #e98992; /* 🔴 紅色左側邊框 */
}

.guest-specialty {
  white-space: pre-line;
  word-break: break-word;
  line-height: 1.6;
  text-align: left;
}

.guest-card:hover {
  transform: scale(1.01);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.12);
}

/* ✅ 已簽到卡片 */
.card-checked {
  background-color: #fffbe6;
  color: #212529;
}
.card-checked .guest-name {
  color: #212529;
}
.card-checked .btn-primary {
  background-color: #ddb05b;
  border: none;
}
.card-checked .guest-mood {
  background-color: #f5d8b1;
  color: #c24a04;
}

/* ✅ 未簽到卡片 - 暗色處理 */
.card-unchecked {
  background-color: #e0e0e0; /* 淺灰偏深，降低明度 */
  color: #495057;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); /* 內縮陰影 */
}
.card-unchecked .guest-name {
  color: #495057;
}
.card-unchecked .btn-primary {
  background-color: #81878d; /* 更暗的按鈕 */
  border: none;
}
.card-unchecked .guest-mood {
  background-color: #d6d8db;
  color: #343a40;
}

/* ✅ 留言通用樣式 */
.guest-mood {
  color: #842029; /* 等同 Bootstrap text-danger */
  background-color: #f8d7da;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.4;
  text-align: left;
}

/* 從 index.html 移出的樣式 */
.main-title {
  background-color: #c53030;
}

.main-footer {
  background-color: #8B0000;
}