/**
 * Backlink Manager - ön yüz stilleri
 * Temaya uyum sağlamak için renkleri çoğunlukla devralır (inherit / currentColor).
 */

.sbm-wrap {
	margin: 0 0 1.25rem;
}

.sbm-title {
	margin: 0 0 0.6rem;
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 600;
}

.sbm-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
}

.sbm-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sbm-item::before,
.sbm-item::marker {
	content: none;
	display: none;
}

.sbm-link {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.5rem 0.6rem;
	border-radius: 0.5rem;
	text-decoration: none;
	color: inherit;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.sbm-link:hover,
.sbm-link:focus {
	color: inherit;
	background-color: rgba(127, 127, 127, 0.14);
}

.sbm-link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.sbm-avatar {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1;
	background-color: hsl(var(--sbm-h, 210) 70% 55% / 0.16);
	color: hsl(var(--sbm-h, 210) 65% 45%);
}

.sbm-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.35;
}

.sbm-label {
	font-weight: 600;
	overflow-wrap: anywhere;
}

.sbm-desc {
	font-size: 0.8125rem;
	line-height: 1.35;
	opacity: 0.75;
	overflow-wrap: anywhere;
}

/* Kart ve ızgara düzenleri */

.sbm-layout-cards .sbm-list,
.sbm-layout-grid .sbm-list {
	grid-template-columns: repeat(var(--sbm-cols, 2), minmax(0, 1fr));
}

.sbm-layout-cards .sbm-link,
.sbm-layout-grid .sbm-link {
	border: 1px solid rgba(127, 127, 127, 0.28);
	height: 100%;
}

.sbm-layout-grid .sbm-avatar {
	display: none;
}

.sbm-layout-grid .sbm-label {
	font-weight: 500;
}

/* Alt bilgiye otomatik eklenirse */

.sbm-footer-wrap {
	margin: 1.5rem 0 0;
	padding-top: 1rem;
	border-top: 1px solid rgba(127, 127, 127, 0.25);
}

.sbm-footer-wrap .sbm-wrap {
	margin-bottom: 0;
}

/* Küçük ekranlar */

@media (max-width: 600px) {
	.sbm-layout-cards .sbm-list,
	.sbm-layout-grid .sbm-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.sbm-link {
		padding: 0.45rem 0.4rem;
	}
}

/* Erişilebilirlik: hareket azaltma tercihi */

@media (prefers-reduced-motion: reduce) {
	.sbm-link {
		transition: none;
	}
}