/*
 * Styles de contenu Ludicity.
 * Appliqués aux paragraphes stylés via le dropdown "Style de texte" de la
 * barre d'outils Gutenberg (classes ludicity-title / ludicity-subtitle /
 * ludicity-blockquote). Chargé dans les éditeurs (front-end + admin) et sur
 * le rendu front-end des contenus ludicity-*.
 */

/*
 * Les sélecteurs scopés éditeur (#ludicity-frontend-editor, .editor-styles-wrapper)
 * sont nécessaires pour surcharger les resets de paragraphe à forte spécificité
 * appliqués dans les éditeurs Gutenberg.
 */

.ludicity-title,
#ludicity-frontend-editor p.ludicity-title,
#ludicity-frontend-editor-dialog p.ludicity-title,
.editor-styles-wrapper p.ludicity-title {
	font-size: 1.75em;
	font-weight: 700;
	line-height: 1.25;
	color: inherit;
}

.ludicity-subtitle,
#ludicity-frontend-editor p.ludicity-subtitle,
#ludicity-frontend-editor-dialog p.ludicity-subtitle,
.editor-styles-wrapper p.ludicity-subtitle {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.3;
	color: inherit;
	opacity: 0.85;
}

.ludicity-blockquote,
#ludicity-frontend-editor p.ludicity-blockquote,
#ludicity-frontend-editor-dialog p.ludicity-blockquote,
.editor-styles-wrapper p.ludicity-blockquote {
	padding: 0.6em 1.2em;
	border-left: 4px solid currentColor;
	background: rgba(0, 0, 0, 0.04);
	font-style: italic;
	border-radius: 0 4px 4px 0;
}

.ludicity-highlight,
#ludicity-frontend-editor .ludicity-highlight,
#ludicity-frontend-editor-dialog .ludicity-highlight,
.editor-styles-wrapper .ludicity-highlight {
	background: #fff3a3;
	padding: 0.05em 0.2em;
	border-radius: 3px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}