/**
 * FansPaysite Editor Styles
 *
 * Makes the block editor reflect the theme's actual front-end appearance.
 *
 * @package FansPaysite
 * @since   2.2
 */

body.editor-styles-wrapper {
	font-family: var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	color: var(--text-color, #333);
	background-color: var(--background-color, #fff);
	line-height: 1.6;
	max-width: 800px;
	margin: 0 auto;
	padding: 16px;
}

.editor-styles-wrapper a {
	color: var(--link-color, #77145d);
}

.editor-styles-wrapper p {
	line-height: 1.6;
	margin-bottom: 20px;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
	color: var(--text-color, #333);
	line-height: 1.3;
}

/* Match theme button style */
.editor-styles-wrapper .wp-block-button .wp-block-button__link {
	font-family: inherit;
	border-radius: 4px;
	padding: 8px 16px;
}

/* Quote styling */
.editor-styles-wrapper .wp-block-quote {
	border-left: 4px solid var(--link-color, #77145d);
	padding-left: 16px;
	margin-left: 0;
}

/* Details/FAQ styling */
.editor-styles-wrapper .wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	padding: 8px 0;
}