/* ===== eders24 AKORDİYON (Spectral uyumlu) ===== */

/* Turuncu düğmedeki ok işareti */
.akordiyon-dugme::after {
	content: "▾"; display: inline-block; margin-left: .6em;
	transition: transform .25s ease;
}
.akordiyon-dugme.acik::after { transform: rotate(180deg); }

/* Açılan panel */
.akordiyon-panel {
	display: none;
	margin: 0 0 1.5em 0;
	border-left: 4px solid #ed4933;
	background: rgba(255,255,255,.06);
	border-radius: 0 6px 6px 0;
	padding: .4em 0;
	text-align: left;
}
.akordiyon-panel.acik { display: block; animation: akordiyonAc .25s ease; }
@keyframes akordiyonAc { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Paneldeki satırlar */
.akordiyon-panel a {
	display: flex; align-items: center; gap: .7em;
	padding: .65em 1.2em; border: 0;
	color: #fff; text-decoration: none; font-size: .95em; letter-spacing: .05em;
}
.akordiyon-panel a:hover { background: rgba(255,255,255,.10); }
.akordiyon-panel a.bos { opacity: .45; pointer-events: none; }  /* hazır olmayan satır */

/* Renkli etiketler */
.akordiyon-panel .etiket {
	flex: none; width: 5.4em; box-sizing: border-box; text-align: center; white-space: nowrap;
	font-size: .7em; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
	padding: .15em .4em; border-radius: 3px; color: #fff;
}
.akordiyon-panel .etiket.dergi { background: #ed4933; }
.akordiyon-panel .etiket.manga { background: #7b4bb7; }
.akordiyon-panel .etiket.atlas { background: #2a9d6a; }
.akordiyon-panel .etiket.test  { background: #24466e; }
.akordiyon-panel .etiket.video { background: #ff0000; }

/* Kazanım düğmeleri (uzun yazılı turuncu düğmeler) */
.button.kazanim {
	white-space: normal; height: auto; line-height: 1.5;
	padding: .9em 3em .9em 1.5em; text-align: left;
	text-transform: none; letter-spacing: .03em; font-size: .85em;
	position: relative;
}
.button.kazanim.akordiyon-dugme::after { position: absolute; right: 1.2em; top: 50%; margin-top: -.75em; }

.actions.stacked:has(.kazanim) { margin-bottom: 1em; }
.actions.stacked + .akordiyon-panel.acik { margin-top: 0; }

/* ===== EVRİMSEL ANALİZ kartları (tek renk, akordiyonla uyumlu) ===== */
.vertical-actions { list-style: none; padding: 0; margin: 0 0 1em 0; counter-reset: analiz; }
.vertical-actions li { padding: 0; margin: 0 0 .8em 0; counter-increment: analiz; }
.box-btn {
	display: flex; align-items: center; gap: 1em;
	padding: .9em 1.2em; border: 0 !important;
	border-left: 4px solid #ed4933 !important;
	background: rgba(255,255,255,.06);
	border-radius: 0 6px 6px 0;
	color: #fff !important; text-decoration: none;
	font-size: .95em; letter-spacing: .03em; line-height: 1.4;
	transition: background .2s ease, transform .2s ease;
}
.box-btn:hover { background: rgba(255,255,255,.12); transform: translateX(4px); }
.box-btn:before {
	content: counter(analiz);
	flex: none; width: 2em; height: 2em; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: .85em; color: #ed4933;
	border: 2px solid #ed4933; box-sizing: border-box;
}
.box-btn:after { content: "→"; margin-left: auto; padding-left: 1em; color: #ed4933; font-size: 1.2em; }
.button.kazanim b { font-weight: 800; margin-right: .3em; }

/* Görseli henüz olmayan bölüm: görsel alanı boş kalır */
.spotlight .image.bos { align-self: stretch; min-height: 16em; }
.spotlight .image.bos:after { display: none; }
@media screen and (max-width: 980px) { .spotlight .image.bos { display: none; } }