/* Color helpers for Hero text. These classes are applied to the <section id="hero-..."> element
   via hero.text_color_choice. They intentionally target the main content elements inside the
   hero so they don't affect internally-styled cards (e.g. featured card which defines its own colors).
*/

.hero-textcolor-white .hero-content,
.hero-textcolor-white .hero-kicker,
.hero-textcolor-white .hero-title,
.hero-textcolor-white .hero-subtitle,
.hero-textcolor-white .hero-small,
.hero-textcolor-white .hero-buttons a,
.hero-textcolor-white .hero-buttons .btn {
  color: #fff !important;
}
.hero-textcolor-white a { color: inherit !important; }

.hero-textcolor-black .hero-content,
.hero-textcolor-black .hero-kicker,
.hero-textcolor-black .hero-title,
.hero-textcolor-black .hero-subtitle,
.hero-textcolor-black .hero-small,
.hero-textcolor-black .hero-buttons a,
.hero-textcolor-black .hero-buttons .btn {
  color: #111 !important;
}
.hero-textcolor-black a { color: inherit !important; }

.hero-textcolor-muted .hero-content,
.hero-textcolor-muted .hero-kicker,
.hero-textcolor-muted .hero-title,
.hero-textcolor-muted .hero-subtitle,
.hero-textcolor-muted .hero-small,
.hero-textcolor-muted .hero-buttons a,
.hero-textcolor-muted .hero-buttons .btn {
  color: #6c757d !important; /* bootstrap muted */
}
.hero-textcolor-muted a { color: inherit !important; }

.hero-textcolor-primary .hero-content,
.hero-textcolor-primary .hero-kicker,
.hero-textcolor-primary .hero-title,
.hero-textcolor-primary .hero-subtitle,
.hero-textcolor-primary .hero-small,
.hero-textcolor-primary .hero-buttons a,
.hero-textcolor-primary .hero-buttons .btn {
  color: var(--bs-primary, #0d6efd) !important;
}
.hero-textcolor-primary a { color: inherit !important; }

.hero-textcolor-success .hero-content,
.hero-textcolor-success .hero-kicker,
.hero-textcolor-success .hero-title,
.hero-textcolor-success .hero-subtitle,
.hero-textcolor-success .hero-small,
.hero-textcolor-success .hero-buttons a,
.hero-textcolor-success .hero-buttons .btn {
  color: var(--bs-success, #198754) !important;
}
.hero-textcolor-success a { color: inherit !important; }

.hero-textcolor-danger .hero-content,
.hero-textcolor-danger .hero-kicker,
.hero-textcolor-danger .hero-title,
.hero-textcolor-danger .hero-subtitle,
.hero-textcolor-danger .hero-small,
.hero-textcolor-danger .hero-buttons a,
.hero-textcolor-danger .hero-buttons .btn {
  color: var(--bs-danger, #dc3545) !important;
}
.hero-textcolor-danger a { color: inherit !important; }

.hero-textcolor-warning .hero-content,
.hero-textcolor-warning .hero-kicker,
.hero-textcolor-warning .hero-title,
.hero-textcolor-warning .hero-subtitle,
.hero-textcolor-warning .hero-small,
.hero-textcolor-warning .hero-buttons a,
.hero-textcolor-warning .hero-buttons .btn {
  color: var(--bs-warning, #ffc107) !important;
}
.hero-textcolor-warning a { color: inherit !important; }

/* Ensure that these helper classes don't leak into internally-styled cards */
.hero-textcolor-white .hero-featured-card .card,
.hero-textcolor-black .hero-featured-card .card,
.hero-textcolor-muted .hero-featured-card .card,
.hero-textcolor-primary .hero-featured-card .card,
.hero-textcolor-success .hero-featured-card .card,
.hero-textcolor-danger .hero-featured-card .card,
.hero-textcolor-warning .hero-featured-card .card {
  color: inherit; /* let the featured card styles decide */
}