/**
 * Sakin Editoryal foundation.
 *
 * Component ve storefront stilleri sonraki fazlarda eklenir. Bu dosya yalnız
 * temel okunabilirlik, focus ve global shell sınırlarını taşır.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--focus);
	outline-offset: 3px;
	box-shadow: 0 0 0 3px var(--wp--preset--color--surface);
}

.iy-site-header,
.iy-site-footer {
	padding-block: var(--wp--preset--spacing--lg);
}

.iy-site-header {
	border-bottom: 1px solid var(--wp--preset--color--border-soft);
}

.iy-site-footer {
	border-top: 1px solid var(--wp--preset--color--border-soft);
}

.iy-site-main {
	padding-block: var(--wp--preset--spacing--section-sm);
}

.iy-query-item + .iy-query-item {
	border-top: 1px solid var(--wp--preset--color--border-soft);
	margin-block-start: var(--wp--preset--spacing--xxl);
	padding-block-start: var(--wp--preset--spacing--xxl);
}

.wp-block-site-title a {
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

@media (min-width: 48rem) {
	:root,
	.editor-styles-wrapper {
		--wp--custom--gutter--current: var(--wp--custom--gutter--tablet);
	}
}

@media (min-width: 64rem) {
	:root,
	.editor-styles-wrapper {
		--wp--custom--gutter--current: var(--wp--custom--gutter--desktop);
	}
}

@media (min-width: 90rem) {
	:root,
	.editor-styles-wrapper {
		--wp--custom--gutter--current: var(--wp--custom--gutter--wide);
	}
}