// =============================================================================
// Стили для модальных окон
// =============================================================================

// Скругление углов для всех модальных окон
.modal-content {
  border-radius: 1rem !important; // Соответствует карточкам Bootstrap (16px)
}

// Убираем скроллбар у modal-content
.modal-dialog {
  .modal-content {
    overflow: hidden;  // Скрываем скроллбар
  }
}

// Специальные стили для модального окна поста
#postDetailModal {
  .modal-dialog {
    max-width: 800px !important;
    width: 100%;
    margin: 1.75rem auto;
  }
  
  .modal-body {
    max-height: 85vh;
    overflow-y: auto;
    padding: 0;
    background: var(--bs-body-bg) !important;  // Непрозрачный фон
    
    // Скрываем скроллбар
    scrollbar-width: none;  // Firefox
    -ms-overflow-style: none;  // IE и Edge
    
    // Chrome, Safari, Edge
    &::-webkit-scrollbar {
      display: none;
    }
  }
}