/* ============================================
   Tiptap Content Styles - Shared back/front
   Applique la même mise en forme dans l'éditeur (back office)
   et dans le rendu de l'article (front).
   Selectors :
     .tiptap-editor-wrap .tiptap → contenu dans l'éditeur
     .tiptap-content              → wrapper côté front
   ============================================ */

/* ---- Headings ---- */
.tiptap-editor-wrap .tiptap h1,
.tiptap-content h1 {
  color: #84C381;
  font-size: 30px;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  letter-spacing: -0.01em;
}

.tiptap-editor-wrap .tiptap h2,
.tiptap-content h2 {
  color: #84C381;
  font-size: 26px;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  letter-spacing: -0.01em;
}

.tiptap-editor-wrap .tiptap h3,
.tiptap-content h3 {
  color: #84C381;
  font-size: 22px;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.6rem;
}

.tiptap-editor-wrap .tiptap h4,
.tiptap-content h4 {
  color: #84C381;
  font-size: 19px;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.tiptap-editor-wrap .tiptap h5,
.tiptap-content h5 {
  color: #84C381;
  font-size: 17px;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.tiptap-editor-wrap .tiptap h6,
.tiptap-content h6 {
  color: #84C381;
  font-size: 15px;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

/* ---- Paragraphs ---- */
.tiptap-editor-wrap .tiptap p,
.tiptap-content p {
  margin-bottom: 0.7rem;
}

/* ---- Images ---- */
.tiptap-editor-wrap .tiptap img,
.tiptap-content img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

/* ---- Links ---- */
.tiptap-editor-wrap .tiptap a,
.tiptap-content a {
  color: #2a7ae2;
  text-decoration: underline;
  text-decoration-color: rgba(42, 122, 226, 0.3);
  text-underline-offset: 2px;
  transition: color 0.15s;
}

.tiptap-editor-wrap .tiptap a:hover,
.tiptap-content a:hover {
  color: #1a5bb5;
  text-decoration-color: rgba(42, 122, 226, 0.6);
}

/* ---- Blockquote ---- */
.tiptap-editor-wrap .tiptap blockquote,
.tiptap-content blockquote {
  border-left: 3px solid #5CC0B5;
  padding: 8px 0 8px 20px;
  margin: 1rem 0;
  margin-left: 0;
  color: #6c757d;
  font-style: italic;
  background: #f8fffe;
  border-radius: 0 6px 6px 0;
}

/* ---- HR ---- */
.tiptap-editor-wrap .tiptap hr,
.tiptap-content hr {
  border: none;
  border-top: 2px solid #e9ecef;
  margin: 2rem 0;
}

/* ---- Lists ---- */
.tiptap-editor-wrap .tiptap ul,
.tiptap-editor-wrap .tiptap ol,
.tiptap-content ul,
.tiptap-content ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.tiptap-editor-wrap .tiptap li,
.tiptap-content li {
  margin-bottom: 0.3rem;
}

/* ---- Tables ---- */
.tiptap-editor-wrap .tiptap table,
.tiptap-content table {
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
  border-radius: 6px;
  overflow: hidden;
}

.tiptap-editor-wrap .tiptap table td,
.tiptap-editor-wrap .tiptap table th,
.tiptap-content table td,
.tiptap-content table th {
  border: 1px solid #e2e5e9;
  padding: 10px 14px;
  min-width: 80px;
  vertical-align: top;
}

.tiptap-editor-wrap .tiptap table th,
.tiptap-content table th {
  background: #f4f6f8;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #495057;
}