/* Anime Meme - custom styles */

body {
  background-color: #f8f9fa;
}

/* Card grid hover effect */
.card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease;
}

/* Konva canvas containers */
#lol-canvas-container canvas,
#poster-canvas-container canvas {
  border: 1px solid #dee2e6;
  cursor: crosshair;
}

/* Tag badges */
.badge {
  font-size: 0.8rem;
}

/* Upload drop zone */
#upload-drop-zone {
  min-height: 120px;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
#upload-drop-zone:hover,
#upload-drop-zone.drag-over {
  border-color: #dc3545 !important;
  background-color: #fff5f5;
}

/* Spectrum color pickers inside control panels */
.sp-container {
  z-index: 9999;
}

.sp-flat.sp-input-container {
  margin: 0;
}

/* Pagination active */
.page-item.active .page-link {
  background-color: #dc3545;
  border-color: #dc3545;
}
.page-link {
  color: #dc3545;
}
.page-link:hover {
  color: #a71d2a;
}