/* Notion-style editor styles */

/* Sortable ghost element */
.sortable-ghost {
  opacity: 0.4;
  background: #f3f4f6;
}

/* Sortable drag element */
.sortable-drag {
  opacity: 1;
  cursor: grabbing !important;
}

/* Content editable focus styles */
[contenteditable]:focus {
  outline: none;
  background-color: rgba(59, 130, 246, 0.05);
  border-radius: 0.25rem;
}

/* Block hover effects */
.group:hover [data-sortable-handle] {
  opacity: 1;
}

/* Smooth transitions */
[contenteditable],
.transition-colors,
.transition-opacity {
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* Block spacing */
.space-y-2 > * + * {
  margin-top: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .w-64 {
    width: 100%;
    position: fixed;
    z-index: 50;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }

  .w-64.open {
    transform: translateX(0);
  }
}

/* Print styles */
@media print {
  .w-64,
  [data-sortable-handle],
  [data-action*="delete"],
  [data-controller="block-adder"] {
    display: none !important;
  }
}