/**
 * Flexible Card Block - Frontend Styles
 */

/* Note: Most styles are handled in the parent block's style.css */

/* Text colors for contrast - only apply to cards with the background color class directly on them */
.flexible-card.bg-primary .flexible-card-title,
.flexible-card.bg-primary .flexible-card-description,
.flexible-card.bg-primary .btn:not(.btn-cta):not(.btn-trial) {
  color: #ffffff;
}

.flexible-card.bg-secondary .flexible-card-title,
.flexible-card.bg-secondary .flexible-card-description,
.flexible-card.bg-secondary .btn:not(.btn-cta):not(.btn-trial) {
  color: #ffffff;
}

.flexible-card.bg-success .flexible-card-title,
.flexible-card.bg-success .flexible-card-description,
.flexible-card.bg-success .btn:not(.btn-cta):not(.btn-trial) {
  color: #ffffff;
}

.flexible-card.bg-danger .flexible-card-title,
.flexible-card.bg-danger .flexible-card-description,
.flexible-card.bg-danger .btn:not(.btn-cta):not(.btn-trial) {
  color: #ffffff;
}

.flexible-card.bg-dark .flexible-card-title,
.flexible-card.bg-dark .flexible-card-description,
.flexible-card.bg-dark .btn:not(.btn-cta):not(.btn-trial) {
  color: #ffffff;
}

.flexible-card.bg-info .flexible-card-title,
.flexible-card.bg-info .flexible-card-description,
.flexible-card.bg-info .btn:not(.btn-cta):not(.btn-trial) {
  color: var(--text-color, #333333);
}

.flexible-card.bg-warning .flexible-card-title,
.flexible-card.bg-warning .flexible-card-description,
.flexible-card.bg-warning .btn:not(.btn-cta):not(.btn-trial) {
  color: var(--text-color, #333333);
}

.flexible-card.bg-light .flexible-card-title,
.flexible-card.bg-light .flexible-card-description,
.flexible-card.bg-light .btn:not(.btn-cta):not(.btn-trial) {
  color: var(--text-color, #333333);
}

.flexible-card.bg-white .flexible-card-title,
.flexible-card.bg-white .flexible-card-description,
.flexible-card.bg-white .btn:not(.btn-cta):not(.btn-trial) {
  color: var(--text-color, #333333);
}

.flexible-card.bg-transparent .flexible-card-title,
.flexible-card.bg-transparent .flexible-card-description,
.flexible-card.bg-transparent .btn:not(.btn-cta):not(.btn-trial) {
  color: var(--text-color, #333333);
}

/* Ensure text in cards is always visible regardless of parent background */
