/**
 * SummerToons — kapak durum rozeti.
 * Kompakt, premium mor chip. Logo/site paleti: derin mor #230168 · ana #5b0cec ·
 * vurgu #af67ff · açık yazı #f0ecfa. Konum: kapak görselinin SOL ALT köşesi.
 * Tüm gridlerde + seri detay kapağında tek tasarım dili.
 */

/* <img>'i saran güvenli kapak katmanı (yalnız .mauve-popular-card gibi
   "> img" bağımlı stili olmayan yapılar için). Görsele göre shrink-wrap. */
.stsm-cover-wrap {
	display: inline-block;
	position: relative;
	max-width: 100%;
	vertical-align: top;
	line-height: 0;
}
.stsm-cover-wrap > img {
	display: block;
}

.stsm-badge {
	--stsm-c1: #5b0cec;
	--stsm-c2: #230168;
	--stsm-fg: #f0ecfa;
	--stsm-bd: rgba(175, 103, 255, .55);

	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	max-width: 100%;

	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .5px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;

	padding: 5px 11px;
	border-radius: 8px;
	border: 1px solid var(--stsm-bd);

	color: var(--stsm-fg);
	background: linear-gradient(135deg, var(--stsm-c1) 0%, var(--stsm-c2) 100%);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow:
		0 2px 6px rgba(0, 0, 0, .25),
		0 0 8px rgba(109, 59, 255, .20),
		inset 0 1px 0 rgba(255, 255, 255, .12);

	overflow: hidden;
	text-overflow: ellipsis;
	transition: box-shadow .18s ease, filter .18s ease;
}

/* çok küçük, sade status noktası — metni bastırmaz */
.stsm-badge::before {
	content: "";
	flex: none;
	width: 5px;
	height: 5px;
	margin-right: 6px;
	border-radius: 50%;
	background: #af67ff;
	box-shadow: 0 0 5px rgba(175, 103, 255, .8);
}

/* kapak içi sol-alt yerleşim */
.stsm-badge--overlay {
	position: absolute;
	left: 9px;
	bottom: 9px;
	z-index: 6;
	pointer-events: none;
	max-width: calc(100% - 18px);
}

/* sol-altta tema/mauve overlay'i varsa rozeti onun üstüne yığ */
.stsm-badge--overlay.stsm-badge--nudge {
	bottom: 38px;
}

/* seri detay kapağı biraz daha nefes alsın */
.stsm-badge--single {
	left: 10px;
	bottom: 10px;
}

/* Seri DETAY kapağındaki eski/native ".colored" chip'i (mauve JS bunu
   "✓ GÜNCEL" mavi pill'e çeviriyor) gizle — tek status rozeti MOR STSM olsun.
   Yalnız detay kapağı (.thumb); kart gridlerindeki ".colored" DOKUNULMAZ.
   Bookmark, rating, "Durum:" satırı vb. etkilenmez. */
.postbody.full .thumb .colored,
.main-info .thumb .colored,
.seriestucontl .thumb .colored,
.seriestucont .thumb .colored {
	display: none !important;
}

/* "Benzer Seriler" (mauve-related-series) kartlarındaki eski mavi "✓ GÜNCEL"
   (mauve JS'in ".colored" -> "✓ GÜNCEL"e çevirdiği chip) yalnız BU bağlamda
   gizlenir; tek status rozeti MOR STSM olsun. ".colored" sistemi global olarak
   bozulmaz — diğer grid/kart bağlamlarında dokunulmadan kalır. Bookmark,
   rating, "Durum:" satırı etkilenmez. */
.mauve-related-series .colored,
.mauve-related-series .listupd .colored,
.mauve-related-series .bs .colored {
	display: none !important;
}

/* ---- statüye göre AYNI mor ailesi içinde hafif ton farkı ---- */

/* Güncel — ana mor */
.stsm-badge--current {
	--stsm-c1: #5b0cec;
	--stsm-c2: #230168;
}

/* Devam Ediyor — biraz maviye çalan mor */
.stsm-badge--ongoing {
	--stsm-c1: #5323e8;
	--stsm-c2: #1c1a63;
}

/* Tamamlandı — daha koyu, derin mor */
.stsm-badge--completed {
	--stsm-c1: #4a13c4;
	--stsm-c2: #180a48;
}

/* Sezon Finali — hafif lila-mor */
.stsm-badge--season_final {
	--stsm-c1: #7d24d6;
	--stsm-c2: #2b0a5f;
	--stsm-bd: rgba(196, 129, 255, .6);
}

/* Bırakıldı — daha sönük koyu mor */
.stsm-badge--dropped {
	--stsm-c1: #3b3160;
	--stsm-c2: #1b1436;
	--stsm-fg: #c9bce6;
	--stsm-bd: rgba(150, 132, 190, .5);
	box-shadow:
		0 2px 6px rgba(0, 0, 0, .3),
		inset 0 1px 0 rgba(255, 255, 255, .06);
}
.stsm-badge--dropped::before {
	background: #9d86d6;
	box-shadow: none;
}

/* ---- kart hover: rozet SAKİN — yalnız çok hafif glow ---- */
.bs:hover .stsm-badge,
.bsx:hover .stsm-badge,
.utao:hover .stsm-badge,
.mauve-update-card:hover .stsm-badge,
.mauve-popular-card:hover .stsm-badge,
.mauve-update-cover:hover .stsm-badge {
	box-shadow:
		0 2px 8px rgba(0, 0, 0, .28),
		0 0 12px rgba(109, 59, 255, .35),
		inset 0 1px 0 rgba(255, 255, 255, .16);
	filter: brightness(1.05);
}

/* ---- responsive ---- */
@media (max-width: 600px) {
	.stsm-badge {
		font-size: 10px;
		letter-spacing: .4px;
		padding: 4px 9px;
		border-radius: 7px;
	}
	.stsm-badge::before {
		width: 4px;
		height: 4px;
		margin-right: 5px;
	}
	.stsm-badge--overlay {
		left: 7px;
		bottom: 7px;
		max-width: calc(100% - 14px);
	}
	.stsm-badge--overlay.stsm-badge--nudge {
		bottom: 33px;
	}
}

@media (max-width: 380px) {
	.stsm-badge {
		font-size: 9px;
		padding: 3px 7px;
	}
}