/**
 * btn-primary-shared.css — 全站金色主按钮（与首页 Hero「免费咨询，今天开始」一致）
 * 由 site-chrome.css 引入；各页通过 .btn-primary / .nav-cta / .drawer-cta 等复用。
 */

.btn-primary,
.nav-cta,
.drawer-cta,
.nf-btn--primary,
.price-card.featured .price-cta,
.calc-cta {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--gold) 0%, #D4A030 50%, var(--gold-light) 100%);
  color: #0C0B0A;
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--ff-body);
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: var(--shadow-glow-gold), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
  cursor: pointer;
}

.btn-primary::after,
.nav-cta::after,
.drawer-cta::after,
.nf-btn--primary::after,
.price-card.featured .price-cta::after,
.calc-cta::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.35) 50%, transparent 60%);
  transform: translateX(-120%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.btn-primary:hover,
.nav-cta:hover,
.drawer-cta:hover,
.nf-btn--primary:hover,
.price-card.featured .price-cta:hover,
.calc-cta:hover {
  color: #0C0B0A;
  background: linear-gradient(135deg, var(--gold) 0%, #D4A030 50%, var(--gold-light) 100%);
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 40px rgba(201, 154, 46, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.btn-primary:hover::after,
.nav-cta:hover::after,
.drawer-cta:hover::after,
.nf-btn--primary:hover::after,
.price-card.featured .price-cta:hover::after,
.calc-cta:hover::after {
  transform: translateX(120%);
}

/* ── 尺寸变体：顶栏 CTA ── */
.nav-cta {
  padding: 0.55rem 1.35rem !important;
  font-size: var(--nav-cta-size) !important;
  letter-spacing: 0.02em !important;
}

.nav-links a.nav-cta.active,
.nav-links > li > a.nav-cta.active {
  color: #0C0B0A !important;
  background: linear-gradient(135deg, var(--gold) 0%, #D4A030 50%, var(--gold-light) 100%) !important;
  box-shadow:
    0 8px 28px rgba(201, 154, 46, 0.4),
    inset 0 0 0 2px rgba(255, 255, 255, 0.35) !important;
}

/* ── 尺寸变体：移动端抽屉 CTA ── */
.nav-drawer .drawer-cta {
  margin-top: 2rem;
  width: 100%;
  text-align: center;
  padding: 0.875rem !important;
  border-bottom: none !important;
  font-size: var(--nav-drawer-cta-size) !important;
  font-family: var(--ff-body) !important;
}

.nav-drawer .drawer-cta.active {
  color: #0C0B0A !important;
  background: linear-gradient(135deg, var(--gold) 0%, #D4A030 50%, var(--gold-light) 100%) !important;
  box-shadow:
    0 8px 28px rgba(201, 154, 46, 0.4),
    inset 0 0 0 2px rgba(255, 255, 255, 0.35) !important;
}

/* ── 尺寸变体：404 页 ── */
.nf-btn--primary {
  font-size: var(--text-sm-plus, 0.9375rem);
  letter-spacing: 0.03em;
  padding: 0.82rem 1.65rem;
}

/* ── 尺寸变体：首页 Hero / 区块 CTA ── */
.btn-primary {
  padding: 1rem 2.25rem;
  font-size: var(--text-base, 1rem);
}

.btn-primary.gold-btn {
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
}

.btn-primary.gold-btn:hover {
  color: #0C0B0A;
  box-shadow: 0 12px 40px rgba(201, 154, 46, 0.45);
}

@media (hover: none) and (pointer: coarse) {
  .btn-primary:hover,
  .nav-cta:hover,
  .drawer-cta:hover,
  .nf-btn--primary:hover,
  .price-card.featured .price-cta:hover,
  .calc-cta:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn-primary,
  .nav-cta,
  .drawer-cta,
  .nf-btn--primary,
  .price-card.featured .price-cta,
  .calc-cta,
  .btn-primary::after,
  .nav-cta::after,
  .drawer-cta::after,
  .nf-btn--primary::after,
  .price-card.featured .price-cta::after,
  .calc-cta::after {
    transition: none;
  }

  .btn-primary:hover,
  .nav-cta:hover,
  .drawer-cta:hover,
  .nf-btn--primary:hover,
  .price-card.featured .price-cta:hover,
  .calc-cta:hover {
    transform: none;
  }
}