/* ============================================================
   cms-content.css — SOURCE UNIQUE du rendu du contenu CMS.

   Utilise a la fois par :
   - l'editeur de page (back office)  -> scope .tiptap
   - le rendu public (front)          -> scope .cms-content

   Toute modif typographique du contenu de page se fait ICI,
   et se reflete des deux cotes. Ne pas dupliquer ailleurs.
   ============================================================ */

.cms-content h2, .tiptap h2,
.cms-content h3, .tiptap h3,
.cms-content h4, .tiptap h4,
.cms-content h5, .tiptap h5,
.cms-content h6, .tiptap h6 {
	color: #222;
	font-weight: 600;
}

.cms-content h2, .tiptap h2 {
	font-size: 26px;
	margin-top: 1.25rem;
	margin-bottom: 0.75rem;
	letter-spacing: -0.01em;
}

.cms-content h3, .tiptap h3 {
	font-size: 22px;
	margin-top: 1rem;
	margin-bottom: 0.6rem;
}

.cms-content h4, .tiptap h4 {
	font-size: 19px;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.cms-content h5, .tiptap h5 {
	font-size: 17px;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.cms-content h6, .tiptap h6 {
	font-size: 15px;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

.cms-content p, .tiptap p {
	margin-bottom: 0.7rem;
}

.cms-content ul, .tiptap ul,
.cms-content ol, .tiptap ol {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
}

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

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

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

.cms-content blockquote, .tiptap 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;
}

.cms-content hr, .tiptap hr {
	border: none;
	border-top: 2px solid #e9ecef;
	margin: 2rem 0;
}

.cms-content img, .tiptap img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

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

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

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