/*
 * Styling artikel (Gutenberg). Scope: halaman single post di frontend
 * dan canvas editor. Jangan styling halaman Elementor di sini.
 */

:root {
	--kz-orange: #F28C28;
	--kz-orange-ink: #B5570B;
	--kz-brown: #3A281D;
	--kz-cream: #FFF8EC;
	--kz-line: #F3E6D2;
	--kz-muted: #6E5D50;
	--kz-green: #5A8F29;
	--kz-gold: #FFC857;
}

:is(.single-post .entry-content, .editor-styles-wrapper) {
	color: var(--kz-brown);
	line-height: 1.75;
}

:is(.single-post .entry-content, .editor-styles-wrapper) :is(h2, h3, h4) {
	color: var(--kz-brown);
	letter-spacing: -0.01em;
	line-height: 1.25;
	margin-top: 1.8em;
}

:is(.single-post .entry-content, .editor-styles-wrapper) a {
	color: var(--kz-orange-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

:is(.single-post .entry-content, .editor-styles-wrapper) a:hover {
	color: var(--kz-orange);
}

:is(.single-post .entry-content, .editor-styles-wrapper) blockquote {
	border-left: 4px solid var(--kz-orange);
	background: var(--kz-cream);
	padding: 1em 1.25em;
	border-radius: 0 12px 12px 0;
	font-style: normal;
}

:is(.single-post .entry-content, .editor-styles-wrapper) img {
	border-radius: 12px;
}

:is(.single-post .entry-content, .editor-styles-wrapper) hr {
	border: 0;
	border-top: 1px solid var(--kz-line);
}

:is(.single-post .entry-content, .editor-styles-wrapper) .wp-element-button {
	background: var(--kz-orange);
	color: #fff;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
}