/* ================== 主题变量 ================== */
:root {
  --hw-bg:           #f5f5f5;
  --hw-card:         #ffffff;
  --hw-card-soft:    #fff7f1;
  --hw-border:       #e4e4e4;
  --hw-text-main:    #222222;
  --hw-text-sub:     #666666;

  --hw-orange:       #ff4f00; 
  --hw-orange-soft:  #ff6a26;
  --hw-orange-tint:  #ffe7d4;

  --hw-header-height: 78px;
}

/* ================== 基础背景 & 字体 ================== */
body.home-page,
body.hibachiw-page,
body.locationsmenu-page,
body.photovideo-page,
body.faq-page,
body.contact-page,
body.time-page,
body.form-page,
body.confirm-page,
body.cancel-page,
body.cancelmail-page {
  margin: 0;
  background: var(--hw-bg);
  color: var(--hw-text-main);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,Arial,sans-serif;
}

/* ================== 无障碍工具类 ================== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ================== 通用卡片 ================== */
.hw-card {
  background: var(--hw-card);
  border-radius: 22px;
  border: 1px solid var(--hw-border, rgba(0,0,0,0.06));
  padding: 28px 32px 30px;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.10),
    0 0 0 1px rgba(255, 255, 255, 0.8);
}

/* 柔和提示卡片（可选：notice / 小提示等） */
.hw-card-soft {
  background: var(--hw-card-soft);
  border-radius: 14px;
  border: 1px solid var(--hw-orange-tint);
}

/* ================== 通用按钮系统 ================== */

/* 按钮基础骨架：所有按钮都先加这个 class */
.hw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 14px 35px;
  border-radius: 999px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  transition:
    background .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    transform .14s ease;
}

/* 主 CTA（表单页 / 首页 BOOK NOW 等） */
.hw-btn--primary {
  background: var(--hw-orange);
  color: #ffffff;
}

.hw-btn--primary:hover {
    background: var(--hw-orange-soft);
    color: #111111;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(255,79,0,0.35);
    font-weight: 600;
}
.hw-btn--ghost {
      border: 1px solid #ff6a26;
      background-color: transparent;
      color: #ff4f00; 
}
.hw-btn--ghost:hover {
      background-color:var(--hw-orange-soft);
      color: #ffffff;
      font-weight: 600;
}

/* 浅色按钮（确认页 / 取消页 / 辅助按钮） */
.hw-btn--soft {
  background: #ffffff;
  color: var(--hw-orange);
  border: 1px solid var(--hw-orange-tint);
  box-shadow: 0 4px 14px rgba(15,23,42,0.08);
}

.hw-btn--soft:hover {
  background: var(--hw-orange-soft);
  color: #ffffff;
  border-color: var(--hw-orange-soft);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(255,79,0,0.30);
}

/* 简单的“弹一下”动画（给主按钮用就可以） */
.hw-btn--primary:hover {
  animation: hw-btn-bounce 0.28s ease-out;
}

@keyframes hw-btn-bounce {
  0%   { transform: translateY(0); }
  40%  { transform: translateY(-1.5px); }
  100% { transform: translateY(-1px); }
}

/* 链接型按钮统一去掉下划线 */
.hw-btn,
.hw-btn:visited {
  text-decoration: none;
}

/* ================== 通用表单输入（简单版，全站可复用） ================== */
.hw-input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--hw-border);
  font-size: 15px;
}

.hw-input:focus {
  border-color: var(--hw-orange);
  box-shadow: 0 0 0 3px rgba(255,79,0,0.15);
  outline: none;
}