/* sakyuz/icindekiler: token-only (theme.json presets/custom). Breakpoints mirror custom.breakpoint (sm 810px). */
.sakyuz-toc {
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80);
	border-inline-start: var(--wp--custom--border--width--rule) solid var(--wp--preset--color--teal);
	background-color: var(--wp--preset--color--surface-toc);
	color: var(--wp--preset--color--navy);
}

.sakyuz-toc__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
}

.sakyuz-toc .sakyuz-toc__title {
	margin: 0;
	color: var(--wp--preset--color--navy);
	font-size: var(--wp--preset--font-size--toc-title);
	font-weight: var(--wp--custom--font-weight--semibold);
	letter-spacing: var(--wp--custom--letter-spacing--article-heading);
	line-height: var(--wp--custom--line-height--title);
}

.sakyuz-toc__placeholder {
	margin: var(--wp--preset--spacing--40) 0 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--label);
}

.sakyuz-toc__list,
.sakyuz-toc__sub {
	margin: 0;
	padding: 0;
	padding-inline-start: var(--wp--preset--spacing--60);
	list-style: disc outside;
}

.sakyuz-toc__list {
	margin-block-start: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--reading);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: var(--wp--custom--line-height--ui);
}

.sakyuz-toc li {
	margin: 0;
	padding: 0;
	line-height: inherit;
}
/* Madde işareti: normal boy, teal; iç seviyelerde de aynı. */
.sakyuz-toc li::marker {
	color: var(--wp--preset--color--teal);
}
.sakyuz-toc__sub li:first-child {
	margin-block-start: 0;
}

.sakyuz-toc a {
	color: var(--wp--preset--color--navy);
	font-weight: inherit;
	text-decoration: none;
	transition: color var(--wp--custom--transition--duration--fast) var(--wp--custom--transition--easing--tween);
}
.sakyuz-toc a:hover,
.sakyuz-toc a:focus-visible,
.sakyuz-toc a.is-active {
	color: var(--wp--preset--color--teal);
}
.sakyuz-toc .sakyuz-toc__list a {
	font-weight: var(--wp--custom--font-weight--regular);
}
.sakyuz-toc .sakyuz-toc__list a.is-active {
	font-weight: var(--wp--custom--font-weight--medium);
}

/* Toggle: only shown (by view.js) on small screens. */
.sakyuz-toc__toggle {
	display: none;
	flex: none;
	align-items: center;
	justify-content: center;
	inline-size: var(--wp--custom--size--toc-toggle);
	block-size: var(--wp--custom--size--toc-toggle);
	padding: 0;
	border: var(--wp--custom--border--width--hairline) solid var(--wp--preset--color--teal);
	border-radius: var(--wp--custom--radius--full);
	background: transparent;
	color: var(--wp--preset--color--teal);
	cursor: pointer;
}
.sakyuz-toc__toggle::before {
	content: "\2212";
	font-size: var(--wp--preset--font-size--heading-4);
	line-height: 1;
}
.sakyuz-toc.is-collapsed .sakyuz-toc__toggle::before {
	content: "+";
}

.sakyuz-toc.is-collapsed .sakyuz-toc__list {
	display: none;
}

@media (max-width: 809px) {
	.sakyuz-toc {
		padding: var(--wp--preset--spacing--60);
	}
	.sakyuz-toc__toggle:not([hidden]) {
		display: inline-flex;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sakyuz-toc a {
		transition: none;
	}
}
