/* Переопределяем конфликтующие стили для модальных окон */
.modal-content {
  border: none !important;
  border-radius: var(--modal-border-radius) !important;
  box-shadow: var(--modal-box-shadow) !important;
}

/* Глобальные стили для всех модальных окон - белая шапка и синий текст */
.modal-header {
  background: white !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.modal-header .modal-title {
  color: #0d6efd !important; /* синий цвет Bootstrap */
}

.modal-header .btn-close {
  color: #212529 !important; /* темный цвет для кнопки закрытия */
  opacity: 0.5 !important;
  filter: none !important; /* убираем фильтр, который делал кнопку белой */
}

/* Исправляем стили для bootstrap modal, которые могут конфликтовать */
.modal .form-control, 
.modal .form-select {
  height: auto !important; /* Отменяем фиксированную высоту полей, если она была установлена */
}

/* Отменяем стили для специфичных элементов из старых стилей */
.modal-body .form-control {
  border-radius: 8px !important;
  border: 2px solid #e5e7eb !important;
  transition: all 0.3s ease !important;
}

/* Исправление для кнопок в старых модальных окнах */
.modal-footer .btn {
  padding: 10px 20px !important;
  border-radius: 8px !important;
}

/* Убираем встроенные стили для кнопок, если они были указаны */
#saveModuleChanges,
#save-module-content,
.edit-content-btn,
.edit-questions-btn,
[class*="btn-"] {
  min-width: initial !important; /* Отменяем фиксированную минимальную ширину */
}

/* Глобальное переопределение для всех модальных окон */
.modal {
  --primary-color: var(--modal-primary);
  --primary-hover: var(--modal-primary-hover);
}

/* Добавляем класс для анимации появления к существующим модальным окнам */
.modal.show .modal-dialog {
  animation: modalFadeIn 0.3s ease;
}