/* Trumbowyg Dark Mode Styles */
.trumbowyg-dark .trumbowyg-box {
  background-color: #1f2937 !important;
  border-color: #374151 !important;
}

.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #6b7280 !important;
  border-bottom-color: #9ca3af !important;
}

.trumbowyg-dark .trumbowyg-editor,
.trumbowyg-dark .trumbowyg-textarea {
  background-color: #111827 !important;
  color: #f9fafb !important;
  border-color: #374151 !important;
}

.trumbowyg-dark .trumbowyg-btn {
  color: #000000 !important;
  background-color: transparent !important;
  border: none !important;
}

.trumbowyg-dark .trumbowyg-btn:hover,
.trumbowyg-dark .trumbowyg-btn:focus {
  background-color: #374151 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-btn:active,
.trumbowyg-dark .trumbowyg-active {
  background-color: #4b5563 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-dropdown {
  background-color: #1f2937 !important;
  border-color: #374151 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

.trumbowyg-dark .trumbowyg-dropdown button {
  color: #9ca3af !important;
  background-color: transparent !important;
}

.trumbowyg-dark .trumbowyg-dropdown button:hover {
  background-color: #374151 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #1f2937 !important;
  border-color: #374151 !important;
}

.trumbowyg-dark .trumbowyg-modal-title {
  background-color: #1f2937 !important;
  color: #f9fafb !important;
  border-bottom-color: #374151 !important;
}

.trumbowyg-dark .trumbowyg-input-infos {
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-input-infos input,
.trumbowyg-dark .trumbowyg-input-infos select {
  background-color: #111827 !important;
  color: #f9fafb !important;
  border-color: #374151 !important;
}

.trumbowyg-dark .trumbowyg-modal-button {
  background-color: #3b82f6 !important;
  color: #f9fafb !important;
  border-color: #3b82f6 !important;
}

.trumbowyg-dark .trumbowyg-modal-button:hover {
  background-color: #2563eb !important;
}

.trumbowyg-dark .trumbowyg-modal-button.trumbowyg-modal-reset {
  background-color: #6b7280 !important;
  border-color: #6b7280 !important;
}

.trumbowyg-dark .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  background-color: #4b5563 !important;
}

/* Fix pour les séparateurs */
.trumbowyg-dark .trumbowyg-button-group:not(:last-child)::after {
  background-color: #374151 !important;
}

/* Style pour le contenu éditable */
.trumbowyg-dark .trumbowyg-editor {
  caret-color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-editor::selection {
  background-color: #3b82f6 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-editor::-moz-selection {
  background-color: #3b82f6 !important;
  color: #f9fafb !important;
}

/* Style des icônes SVG pour le mode sombre */
.trumbowyg-dark .trumbowyg-btn svg {
  fill: #000000 !important;
}

.trumbowyg-dark .trumbowyg-btn:hover svg,
.trumbowyg-dark .trumbowyg-btn:focus svg {
  fill: #ffffff !important;
}

.trumbowyg-dark .trumbowyg-btn:active svg,
.trumbowyg-dark .trumbowyg-active svg {
  fill: #ffffff !important;
}

/* Style pour les listes dans l'éditeur */
.trumbowyg-dark .trumbowyg-editor ol {
  list-style-type: decimal !important;
  padding-left: 40px !important;
  margin: 1em 0 !important;
}

.trumbowyg-dark .trumbowyg-editor ul {
  list-style-type: disc !important;
  padding-left: 40px !important;
  margin: 1em 0 !important;
}

.trumbowyg-dark .trumbowyg-editor li {
  display: list-item !important;
  margin: 0.5em 0 !important;
}

/* Styles virtuels Tailwind pour les titres dans l'éditeur */
.trumbowyg-dark .trumbowyg-editor h1 {
  font-size: 2.25rem !important; /* text-4xl */
  line-height: 2.5rem !important;
  font-weight: 800 !important; /* font-extrabold */
  margin: 1.5rem 0 1rem 0 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-editor h2 {
  font-size: 1.875rem !important; /* text-3xl */
  line-height: 2.25rem !important;
  font-weight: 700 !important; /* font-bold */
  margin: 1.25rem 0 0.75rem 0 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-editor h3 {
  font-size: 1.5rem !important; /* text-2xl */
  line-height: 2rem !important;
  font-weight: 600 !important; /* font-semibold */
  margin: 1rem 0 0.5rem 0 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-editor h4 {
  font-size: 1.25rem !important; /* text-xl */
  line-height: 1.75rem !important;
  font-weight: 600 !important; /* font-semibold */
  margin: 0.75rem 0 0.5rem 0 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-editor h5 {
  font-size: 1.125rem !important; /* text-lg */
  line-height: 1.75rem !important;
  font-weight: 500 !important; /* font-medium */
  margin: 0.75rem 0 0.25rem 0 !important;
  color: #f9fafb !important;
}

.trumbowyg-dark .trumbowyg-editor h6 {
  font-size: 1rem !important; /* text-base */
  line-height: 1.5rem !important;
  font-weight: 500 !important; /* font-medium */
  margin: 0.5rem 0 0.25rem 0 !important;
  color: #f9fafb !important;
}

gallery {
  display: block;
  background: #32323d;
  padding: 10px;
  border: 1px dashed #999;
  text-align: center;
}

gallery::before {
  content: "Galerie #" attr(id);
  color: white;
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
}