/* ===== KocaeliTakip – Yazarlar karuseli ===== */

.kt-yazarlar {
	--kt-koyu: #031d16;
	--kt-yesil: #00c853;
	--kt-koyu-yesil: linear-gradient(180deg, #026b14 0%, #006b16 100%);
	--kt-vurgu-yazi: #026b14;
	--kt-metin: #121a17;
	--kt-ikincil: #5b6762;
	--kt-cizgi: #e3e8e5;
	--kt-yazar-adet: 3;
	--kt-yazar-bosluk: 24px;

	width: 100%;
}

/* ---------- Başlık ---------- */
.kt-yazarlar__ust {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 22px;
	padding: 0 0 10px;
	border-bottom: 2px solid var(--kt-cizgi);
}
.kt-yazarlar__ust::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 48px;
	height: 2px;
	background: var(--kt-yesil);
}
.kt-yazarlar .kt-yazarlar__baslik {
	margin: 0;
	padding: 0;
	color: var(--kt-metin);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
}
.kt-yazarlar .kt-yazarlar__tumu {
	color: var(--kt-vurgu-yazi);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

/* ---------- Karusel ---------- */
.kt-yazarlar__kutu {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
}
.kt-yazarlar__iz {
	display: flex;
	flex: 1;
	gap: var(--kt-yazar-bosluk);
	min-width: 0;
	padding: 4px 2px 8px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.kt-yazarlar__iz::-webkit-scrollbar {
	display: none;
}
.kt-yazarlar__iz:focus-visible {
	outline: 2px solid var(--kt-yesil);
	outline-offset: 4px;
}

.kt-yazarlar .kt-yazarlar__ok {
	display: grid;
	flex: none;
	place-items: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid var(--kt-cizgi);
	border-radius: 50%;
	background: #fff;
	color: var(--kt-metin);
	cursor: pointer;
	box-shadow: 0 4px 12px -6px rgba(3, 29, 22, .3);
	transition: background .2s, color .2s, border-color .2s, opacity .2s;
}
.kt-yazarlar .kt-yazarlar__ok:hover,
.kt-yazarlar .kt-yazarlar__ok:focus-visible {
	border-color: transparent;
	background: var(--kt-koyu-yesil);
	color: #fff;
}
.kt-yazarlar .kt-yazarlar__ok:disabled {
	opacity: .35;
	cursor: default;
	pointer-events: none;
}
.kt-yazarlar__kutu.is-sigiyor .kt-yazarlar__ok {
	display: none; /* tüm yazarlar sığıyorsa oklar gizlenir */
}

/* ---------- Yazar kartı ---------- */
.kt-yazar {
	display: flex;
	flex: 0 0 calc((100% - (var(--kt-yazar-adet) - 1) * var(--kt-yazar-bosluk)) / var(--kt-yazar-adet));
	align-items: center;
	gap: 18px;
	min-width: 0;
	scroll-snap-align: start;
}
.kt-yazar__foto {
	position: relative;
	display: block;
	flex: none;
	width: 112px;
	height: 112px;
	overflow: hidden;
	border-radius: 50%;
	background: #e9eeeb;
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--kt-cizgi);
	transition: box-shadow .25s;
}
.kt-yazar__foto img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: center top;
}
.kt-yazar:hover .kt-yazar__foto {
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--kt-yesil);
}
.kt-yazar__metin {
	min-width: 0;
}
.kt-yazarlar .kt-yazar__yazi {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin: 0 0 8px;
	padding: 0;
	overflow: hidden;
	color: var(--kt-metin);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
}
.kt-yazarlar .kt-yazar__yazi a {
	color: inherit !important;
	text-decoration: none;
	transition: color .2s;
}
.kt-yazarlar .kt-yazar__yazi a:hover {
	color: var(--kt-vurgu-yazi) !important;
}
.kt-yazarlar .kt-yazar__ad {
	color: var(--kt-ikincil) !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.kt-yazarlar .kt-yazar__ad:hover {
	color: var(--kt-vurgu-yazi) !important;
}

/* ---------- Duyarlı ---------- */
@media (max-width: 1024px) {
	.kt-yazarlar {
		--kt-yazar-adet: 2;
	}
}
@media (max-width: 600px) {
	.kt-yazarlar {
		--kt-yazar-adet: 1.15; /* bir sonraki yazar hafifçe görünsün, kaydırılabildiği anlaşılsın */
		--kt-yazar-bosluk: 14px;
	}
	.kt-yazarlar .kt-yazarlar__ok {
		display: none;
	}
	.kt-yazar__foto {
		width: 88px;
		height: 88px;
	}
	.kt-yazarlar .kt-yazar__yazi {
		font-size: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kt-yazarlar__iz {
		scroll-behavior: auto;
	}
}