/**
 * Clarix Editor Styles
 * Applied inside the block editor for WYSIWYG accuracy.
 *
 * @package Clarix
 */

/* Base typography */
.editor-styles-wrapper {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	color: #1A1A2E;
}

/* Headings */
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: #1A1A2E;
}

/* Links */
.editor-styles-wrapper a {
	color: #2563EB;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.editor-styles-wrapper a:hover {
	color: #1A1A2E;
}

/* Paragraphs */
.editor-styles-wrapper p {
	margin-block-start: 0;
	margin-block-end: 1.5em;
}

/* Blockquote */
.editor-styles-wrapper blockquote {
	border-left: 4px solid #2563EB;
	padding-left: 1.5rem;
	margin-left: 0;
	color: #64748B;
	font-style: italic;
}

/* Code */
.editor-styles-wrapper code,
.editor-styles-wrapper pre {
	font-family: 'Fira Code', 'Courier New', monospace;
	background-color: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 4px;
}

.editor-styles-wrapper code {
	padding: 2px 6px;
	font-size: 0.875em;
}

.editor-styles-wrapper pre {
	padding: 1.5rem;
	overflow-x: auto;
}

/* Tables */
.editor-styles-wrapper table {
	width: 100%;
	border-collapse: collapse;
}

.editor-styles-wrapper th,
.editor-styles-wrapper td {
	border: 1px solid #E2E8F0;
	padding: 0.75rem 1rem;
	text-align: left;
}

.editor-styles-wrapper th {
	background-color: #F8FAFC;
	font-weight: 600;
}