/* Elos Kaynak Asistanı — kaynakça görünümü */

:root {
	--eka-accent: #169B57;
}

.eka-citation {
	font-size: .72em;
	line-height: 0;
	vertical-align: super;
	margin-inline-start: .15em;
	white-space: nowrap;
}

.eka-citation a {
	display: inline-block;
	min-width: 1.35em;
	padding: 0 .35em;
	border-radius: 999px;
	background: rgba(22, 155, 87, .12);
	background: color-mix(in srgb, var(--eka-accent, #169B57) 12%, transparent);
	color: var(--eka-accent, #169B57);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}

.eka-citation a:hover,
.eka-citation a:focus-visible {
	background: var(--eka-accent, #169B57);
	color: #fff;
}

/* Görünüm her cihazda aynıdır: tarayıcının koyu tema tercihi uygulanmaz,
   böylece mobil ve masaüstü arasında tasarım farkı oluşmaz. */
.eka-references {
	color-scheme: only light;
	--eka-surface: #fbfdfc;
	--eka-border: #e2e8e5;
	--eka-text: #1d2b25;
	--eka-muted: #5d6b64;
	box-sizing: border-box;
	margin: 2.25rem 0;
	padding: 1.5rem 1.6rem 1.25rem;
	border: 1px solid var(--eka-border);
	border-top: 3px solid var(--eka-accent);
	border-radius: 14px;
	background: var(--eka-surface);
	color: var(--eka-text);
	font-size: .95rem;
	line-height: 1.6;
}

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

.eka-references__head {
	display: flex;
	gap: .85rem;
	align-items: flex-start;
	margin-bottom: 1.15rem;
}

.eka-references__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 11px;
	background: rgba(22, 155, 87, .12);
	background: color-mix(in srgb, var(--eka-accent) 12%, transparent);
	color: var(--eka-accent);
}

.eka-references__titles {
	min-width: 0;
}

.eka-references .eka-references__title {
	margin: 0 0 .2rem;
	padding: 0;
	border: 0;
	color: var(--eka-text);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.01em;
}

.eka-references__intro {
	margin: 0;
	color: var(--eka-muted);
	font-size: .86rem;
	line-height: 1.5;
}

.eka-references .eka-references__list {
	display: grid;
	gap: .6rem;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.eka-references .eka-ref {
	position: relative;
	display: flex;
	gap: .75rem;
	align-items: flex-start;
	margin: 0;
	padding: .7rem .85rem;
	border: 1px solid var(--eka-border);
	border-radius: 10px;
	background: #fff;
	list-style: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.eka-references .eka-ref::before,
.eka-references .eka-ref::marker {
	content: none;
}

.eka-references .eka-ref:hover {
	border-color: #9ed4b8;
	border-color: color-mix(in srgb, var(--eka-accent) 45%, var(--eka-border));
	box-shadow: 0 2px 10px rgba(22, 155, 87, .08);
}

.eka-ref__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin-top: .1rem;
	border-radius: 8px;
	background: rgba(22, 155, 87, .12);
	background: color-mix(in srgb, var(--eka-accent) 12%, transparent);
	color: var(--eka-accent);
	font-size: .8rem;
	font-weight: 700;
	line-height: 1;
}

.eka-ref__body {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
}

.eka-references .eka-ref__link {
	display: inline-block;
	color: var(--eka-text);
	font-weight: 600;
	text-decoration: none;
	overflow-wrap: anywhere;
}

/* Kartın tamamı kaynak bağlantısıdır; geri dönüş bağlantısı üstte kalır. */
.eka-references .eka-ref__link::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
}

.eka-references .eka-ref:hover .eka-ref__link,
.eka-references .eka-ref__link:hover,
.eka-references .eka-ref__link:focus-visible {
	color: var(--eka-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.eka-references .eka-ref__link:focus-visible::after {
	outline: 2px solid var(--eka-accent);
	outline-offset: 2px;
}

.eka-ref__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	align-items: center;
	margin-top: .3rem;
}

.eka-ref__publisher,
.eka-ref__domain {
	display: inline-block;
	padding: .1rem .5rem;
	border-radius: 999px;
	font-size: .76rem;
	line-height: 1.5;
}

.eka-ref__publisher {
	background: rgba(22, 155, 87, .1);
	background: color-mix(in srgb, var(--eka-accent) 10%, transparent);
	color: #14603a;
	color: color-mix(in srgb, var(--eka-accent) 80%, #0c2a1a);
	font-weight: 600;
}

.eka-ref__domain {
	background: #f1f4f3;
	color: var(--eka-muted);
}

.eka-references .eka-ref__back {
	position: relative;
	z-index: 1;
	display: inline-flex;
	gap: .3rem;
	align-items: center;
	flex: 0 0 auto;
	align-self: center;
	padding: .25rem .55rem;
	border: 1px solid var(--eka-border);
	border-radius: 999px;
	background: #fff;
	color: var(--eka-muted);
	font-size: .76rem;
	line-height: 1.4;
	white-space: nowrap;
	text-decoration: none;
}

.eka-references .eka-ref__back svg {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
}

.eka-ref__back-text {
	display: inline;
	flex: 0 0 auto;
	white-space: nowrap;
}

.eka-references .eka-ref__back:hover,
.eka-references .eka-ref__back:focus-visible {
	background: rgba(22, 155, 87, .12);
	background: color-mix(in srgb, var(--eka-accent) 12%, transparent);
	color: var(--eka-accent);
}

.eka-references .eka-ref:target {
	border-color: var(--eka-accent);
	background: #f2fbf6;
	background: color-mix(in srgb, var(--eka-accent) 7%, #fff);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--eka-accent) 18%, transparent);
}

@media (max-width: 600px) {
	.eka-references {
		padding: 1.15rem 1rem 1rem;
		border-radius: 12px;
	}
	.eka-references .eka-ref {
		padding: .6rem .65rem;
	}
	.eka-ref__back-text {
		display: none;
	}
	.eka-references .eka-ref__back {
		padding: .3rem;
	}
	.eka-references__icon {
		width: 32px;
		height: 32px;
	}
}

@media print {
	.eka-references {
		border: 1px solid #ccc;
		background: none;
		box-shadow: none;
	}
	.eka-references .eka-ref__back {
		display: none;
	}
	.eka-references .eka-ref__link::after {
		content: " (" attr(href) ")";
		font-weight: 400;
		word-break: break-all;
	}
}