/* ================================================================
   KikoPop — Card Components
   Feature cards, tool cards, generic cards
   ================================================================ */

.kp-card {
  background: var(--kp-surface);
  border: 1.5px solid var(--kp-border-lt);
  border-radius: var(--kp-radius-lg);
  padding: var(--kp-sp-8);
  transition: all var(--kp-ease);
}
.kp-card:hover {
  border-color: var(--kp-color-primary);
  box-shadow: var(--kp-shadow-lg);
  transform: translateY(-4px);
}

/* ── Feature Card (icon + title + description) ── */
.kp-feature-card { text-align: center; }
.kp-feature-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--kp-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin: 0 auto var(--kp-sp-4);
  box-shadow: var(--kp-shadow-sm);
}
.kp-feature-icon-coral    { background: rgba(255,107,107,0.12); color: var(--kp-color-primary); }
.kp-feature-icon-turq     { background: rgba(78,205,196,0.12);  color: var(--kp-color-accent); }
.kp-feature-icon-sunshine  { background: rgba(255,230,109,0.15); color: var(--kp-color-secondary-dk); }
.kp-feature-icon-lavender  { background: rgba(167,139,250,0.12); color: var(--kp-color-tertiary); }

.kp-feature-title {
  font-family: var(--kp-font-head);
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: var(--kp-sp-2);
}
.kp-feature-desc {
  font-size: 0.9rem;
  color: var(--kp-text-2);
  line-height: 1.6;
}

/* ── Tool Card (for Studio page) ── */
.kp-tool-card {
  position: relative;
  overflow: hidden;
}
.kp-tool-card .kp-tool-badge {
  position: absolute;
  top: var(--kp-sp-3);
  right: var(--kp-sp-3);
  font-size: 0.65rem;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: var(--kp-radius-full);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.kp-badge-free { background: var(--kp-color-success); color: white; }
.kp-badge-pro  { background: var(--kp-color-tertiary); color: white; }
.kp-badge-new  { background: var(--kp-color-secondary); color: #2D1B0E; }