.image-day {
  width: 100%;
  aspect-ratio: 1.5/1;
  border: 1px solid;
  object-fit: cover;
}
input#voiceCardUrl,
input#imageurl {
  border: 2px solid;
}
img.courses-image {
  width: 112px;
  object-fit: contain;
  margin: 5px auto;
}
.theme-container {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* расстояние между кнопкой и текстом */
}
#themeToggle i {
  font-size: 1.2rem;
}

.card {
  transition: all 0.3s ease;
}
.card:hover {
  /* transform: translateY(-5px); */
  color: rgba(108, 117, 125);
  box-shadow: 0 10px 20px
    rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.list-group-item {
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.list-group-item:hover {
  background-color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.05) !important;
  border-color: var(--bs-primary, #0d6efd) !important;
  /* transform: translateX(5px); */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.list-group-item:hover h6 {
  color: var(--bs-primary, #0d6efd);
}

.list-group-item:hover .text-muted {
  color: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.8) !important;
}

/* Чтобы кнопки редактирования и удаления не мешали клику */
.list-group-item .position-absolute {
  z-index: 10;
}

/* Убедимся, что ссылка занимает всю область */
.list-group-item > div:first-child {
  width: 100%;
}

.list-group-item a {
  display: block;
  padding: 0.5rem 0;
}