/* ============================================
   GLASS.CSS — Solid Surface Cards
   (Renamed concept: no glass/blur, solid dark surfaces)
   All .glass-card selectors aliased to .card behavior
   ============================================ */

/* Map old .glass-card class to new card system */
.glass-card {
  background: var(--raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  position: relative;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s var(--ease-out, cubic-bezier(0.22, 1, 0.36, 1));
  box-shadow: var(--card-shadow, 0 1px 3px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.25));
  /* Explicitly no backdrop-filter */
}

.glass-card:hover {
  border-color: var(--border-h);
  transform: translateY(-3px);
  box-shadow: var(--card-shadow-hover, 0 12px 40px rgba(0, 0, 0, 0.5));
}

/* Override hover lift for team cards (has its own transform) */
.team-card.glass-card:hover {
  transform: none;
}

.team-card--featured.glass-card {
  transform: translateY(-8px);
}

.team-card--featured.glass-card:hover {
  transform: translateY(-12px);
}

/* Comparison card — no hover lift */
.comparison-card.glass-card:hover {
  transform: none;
}

/* Benefits columns */
.benefits__column--old.glass-card {
  border-top: 2px solid rgba(248, 113, 113, 0.5);
}

.benefits__column--new.glass-card {
  border-top: 2px solid rgba(0, 229, 168, 0.5);
}

/* Stat cards */
.stat-card.glass-card {
  background: var(--raised);
}

.stat-card.glass-card:hover {
  border-color: rgba(0, 229, 168, 0.2);
  background: var(--lifted);
}

/* Form card */
.contact__form-wrapper.glass-card {
  padding: 36px;
}

/* Info cards */
.contact__info-card.glass-card,
.contact__social-card.glass-card {
  padding: 28px;
}

/* Step cards */
.step-card.glass-card {
  padding: 28px 24px;
}

/* Use case cards */
.use-case-card.glass-card {
  padding: 32px;
}

/* About pillars */
.about__pillar.glass-card {
  padding: 36px 28px;
  text-align: center;
}

/* No spotlight pseudo-elements on old card-spotlight class */
.card-spotlight {
  /* Legacy class, no special treatment needed */
}

/* Swap card inner — maps glass-card inside swap-card */
.swap-card__inner.glass-card {
  background: var(--raised);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl, 24px);
  transition: background 0.4s ease, border-color 0.4s ease;
}

/* Remove any lingering backdrop-filter from old glass system */
.glass-card,
.glass-card::before,
.glass-card::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Glass button variant remapped */
.btn--glass {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-1);
  border: 1px solid var(--border-h);
}

.btn--glass:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.22);
  transform: translateY(-1px);
}