/**
 * Editor Styles
 *
 * This file is used to style the WordPress editor to match the front-end theme.
 * It ensures a consistent editing experience.
 */

/* Typography */
body {
	font-family: Quicksand, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: normal;
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Syne, sans-serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: #000;
	clear: both;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
	font-weight: 400;
}

h5,
h6 {
	font-size: 20px;
	font-weight: 400;
}

p {
	margin-bottom: 1.5em;
}

/* Links */
a {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
}

a:hover,
a:focus {
	color: #000;
}

/* Block alignments */
.wp-block {
	max-width: 640px;
}

.wp-block[data-align="wide"] {
	max-width: 1200px;
}

.wp-block[data-align="full"] {
	max-width: 100%;
}

/* Responsive embeds */
.wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
}

.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}