/* style.css - カンバンボード用カスタムスタイル */

/* ========================================
   カラムスタイル
   ======================================== */

/* カラムの最小高さ */
/* カードが少ない時も見た目を保つために最小高さを設定 */
/* 背景色を薄いグレーにして、カード追加エリアを視覚的に明示 */
.card-list {
  min-height: 400px;
  background-color: #f8f9fa;
}

/* ========================================
   カードスタイル
   ======================================== */

/* カードのドラッグ時のスタイル */
/* cursor: move でドラッグ可能であることを視覚的に示す */
/* transition でホバー時のアニメーションをスムーズに */
.kanban-card {
  cursor: move;
  transition: opacity 0.2s, box-shadow 0.2s;
}

/* カードにホバーした時の影 */
/* ユーザーがカードを操作できることを視覚的にフィードバック */
.kanban-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* ========================================
   ドラッグ&ドロップスタイル（Task 7で機能実装）
   ======================================== */

/* ドラッグ中のカードの透明度 */
/* ドラッグ中であることを視覚的に示す */
/* draggingクラスはJavaScriptで動的に追加（Task 7で実装） */
.kanban-card.dragging {
  opacity: 0.5;
}

/* ドロップ可能エリアのハイライト */
/* ドラッグ中のカードをドロップできるエリアを視覚的に示す */
/* drag-overクラスはJavaScriptで動的に追加（Task 7で実装） */
.card-list.drag-over {
  background-color: #e7f3ff;
  border: 2px dashed #0d6efd;
}