.tiptap-image {
  @apply h-auto rounded-lg transition-transform duration-200 hover:scale-[1.02];
}

.ProseMirror {
  @apply min-h-[200px] px-2 border border-gray-300 rounded-b-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.ProseMirror>*+* {
  @apply mt-4;
}

.ProseMirror ul,
.ProseMirror ol {
  @apply pl-4;
}

.ProseMirror ul {
  @apply list-disc;
}

.ProseMirror ol {
  @apply list-decimal;
}

.ProseMirror h1 {
  @apply text-4xl font-bold;
}

.ProseMirror h2 {
  @apply text-3xl font-bold;
}

.ProseMirror h3 {
  @apply text-2xl font-bold;
}

.ProseMirror p {
  @apply text-base;
}

.ProseMirror a {
  @apply text-blue-600 hover:text-blue-800 underline;
}

.ProseMirror blockquote {
  @apply pl-4 border-l-4 border-gray-300 italic;
}

.ProseMirror code {
  @apply px-1 py-0.5 bg-gray-100 rounded text-sm font-mono;
}

.ProseMirror pre {
  @apply p-4 bg-gray-100 rounded-lg overflow-x-auto;
}

.ProseMirror pre code {
  @apply bg-transparent p-0;
}

.ProseMirror img {
  @apply h-auto rounded-lg transition-transform duration-200 hover:scale-[1.02];
}

.ProseMirror .is-editor-empty:first-child::before {
  @apply text-gray-600;
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}

/* Styles pour la barre d'outils */
.tiptap-toolbar {
  @apply bg-white border border-gray-300 rounded-t-lg border-b-0;
}

.tiptap-toolbar button {
  @apply px-2 py-1 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded transition-colors;
}

.tiptap-toolbar button.is-active {
  @apply bg-gray-100 text-gray-900;
}

.tiptap-toolbar .divider {
  @apply py-4 w-px h-6 bg-gray-300 mx-1;
}

/* Styles pour le menu déroulant des titres */
.tiptap-select {
  @apply h-8 px-2 text-sm text-gray-600 bg-white border border-gray-300 rounded hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.tiptap-select option {
  @apply text-gray-600;
}

/* Styles pour les alignements de texte */
.ProseMirror .text-left {
  @apply text-left;
}

.ProseMirror .text-center {
  @apply text-center;
}

.ProseMirror .text-right {
  @apply text-right;
}

.ProseMirror .text-justify {
  @apply text-justify;
}

/* .tiptap-image-resize-menu {
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  padding: 0.5em;
  display: flex;
  gap: 0.5em;
}
.tiptap-image-resize-menu button {
  color: #ddd;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0.2em 0.4em;
  cursor: pointer;
  font-size: 1em;
} 
.tiptap-image-resize-menu button:hover {
  background: #1d4ed8;
} 
 */

.tiptap-image-resize-menu {
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 0.2em;
}

.tiptap-menu-fixed {
  position: fixed;
}

.tiptap-menu-z-index {
  z-index: 1000;
  /* Ou une valeur appropriée pour votre application */
}