/* Custom styles for 灵紫煌电商 */

/* Typography tweaks */
.cn-heading {
  letter-spacing: 0.02em;
}

.hero-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.6) 100%);
}

/* Card hover */
.card-hover {
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Simple container max width override for large screens */
.container-wide {
  max-width: 1200px;
}

/* Footer link hover */
.footer-link:hover {
  text-decoration: underline;
}

/* Form */
.form-input {
  @apply w-full rounded-md border border-gray-300 px-3 py-2 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 outline-none;
}
.form-label {
  @apply block text-sm text-gray-600 mb-1;
}
.btn-primary {
  @apply inline-flex items-center justify-center rounded-md bg-indigo-600 px-4 py-2 text-white hover:bg-indigo-700 transition;
}
.btn-secondary {
  @apply inline-flex items-center justify-center rounded-md bg-gray-100 px-4 py-2 text-gray-800 hover:bg-gray-200 transition;
}

/* Badge */
.badge {
  @apply inline-block rounded-full bg-indigo-50 text-indigo-700 px-3 py-1 text-xs;
}