/* tip-jar.css — three-button preset row + custom amount link */

.cfm-tip-jar {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cfm-tip-jar__title {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-accent-primary);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.cfm-tip-jar__row {
  display: flex;
  gap: var(--space-1);
}

.cfm-tip-jar__btn {
  flex: 1;
  background: transparent;
  color: var(--color-fg-primary);
  border: 0.5px solid var(--color-border-subtle);
  padding: var(--space-2);
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  transition: background var(--transition-fast);
}

.cfm-tip-jar__btn:hover { border-color: var(--color-border-strong); }

.cfm-tip-jar__btn--featured {
  background: var(--color-accent-primary);
  color: var(--color-fg-on-accent);
  border-color: var(--color-accent-primary);
}

.cfm-tip-jar__custom-link {
  font-size: var(--font-size-xs);
  color: var(--color-fg-muted);
  text-align: center;
  cursor: pointer;
}

.cfm-tip-jar__custom-link:hover { color: var(--color-accent-primary); }