/* public/assets/css/components/_cards.css */

.card-organic {
  border: none;
  background: #ffffff;
  border-radius: 24px 24px 24px 6px; /* asymmetric organic corner curve */
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(26, 26, 26, 0.07);
  transition: transform var(--bb-transition), box-shadow var(--bb-transition);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-organic:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(26, 26, 26, 0.12);
}

.card-organic .card-img-top {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
}

.card-organic .card-body {
  padding: var(--space-md);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.card-organic .card-category {
  display: inline-block;
  align-self: flex-start;
  background: rgba(102, 187, 106, 0.14);
  color: var(--bb-forest);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 4px 12px;
  border-radius: 100px;
  margin-bottom: var(--space-xs);
}

.card-organic .card-title {
  font-family: var(--bb-font-heading);
  color: var(--bb-purple);
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: var(--space-xs);
}

.card-organic .card-text {
  font-size: 0.95rem;
  color: var(--bb-text-medium);
  margin-bottom: 0;
}