/* cursos.css */

/* Barra de Filtros */
.filter-bar {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}
.filter-bar .form-control {
  background-color: var(--bg-color);
  border-color: var(--border-color);
  color: var(--text-color);
}
.filter-bar .form-control:focus {
  background-color: var(--bg-color);
  color: var(--text-color);
  border-color: var(--primary-color);
  box-shadow: none;
}
.filter-bar .input-group-text {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-color-secondary);
}
.category-filters .filter-btn {
  color: var(--text-color-secondary);
  background-color: transparent;
  border: 1px solid var(--border-color);
  margin: 0 5px;
  transition: all 0.2s ease;
}
.category-filters .filter-btn:hover,
.category-filters .filter-btn.active {
  background-color: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.category-filters .filter-btn.active {
  box-shadow: 0 0 10px rgba(229, 9, 20, 0.5);
}

/* Cards de Curso (Estilo Blog) */
.blog-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color) !important; 
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.2) !important; 
}
.blog-card .badge.bg-primary {
  background-color: var(--primary-color) !important;
  color: #fff;
  align-self: flex-start;
}
.blog-card .card-title a {
  color: var(--text-color);
  transition: color 0.2s ease;
}
.blog-card .card-title a:hover {
  color: var(--primary-color);
}
.blog-card .card-text.text-muted {
  color: var(--text-color-secondary) !important;
}
.blog-card .btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
  font-weight: bold;
}
.blog-card .btn-outline-primary:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}
.blog-card .price-tag {
  font-size: 1.25rem;
  color: var(--primary-color);
}
.blog-card .card-title {
  min-height: 3rem; 
}
.blog-card .card-description {
  min-height: 4.5rem;
  overflow: hidden; 
}
/* --- ESTILOS GERAIS E CORREÇÕES --- */

/* ... (outras regras como body, *, etc.) ... */

/* CORREÇÃO GLOBAL: Garante que o texto '.text-muted' seja legível no tema escuro */
.text-muted {
  color: var(--text-color-secondary) !important;
}

/* Corrige a cor da descrição do card do blog */
.blog-card .card-text.text-secondary-theme {
  color: var(--text-color-secondary) !important;
}