/* Kitapevi Topluluk — temanın renk değişkenlerini kullanır (yoksa yedek değerler). */

.akm { --akm-ana: var(--ana, #1f4d3a); --akm-altin: var(--altin, #a87a1f); --akm-cizgi: var(--cizgi, #e4dccb); --akm-yuzey: var(--yuzey, #fff); --akm-yuzey-2: var(--yuzey-2, #f3ecdd); --akm-soluk: var(--soluk, #6b6a63); }

.akm-bas { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.akm-bas h1 { margin-bottom: .2em; }
.akm-bas p { margin-top: 0; max-width: 680px; }

.akm-ara { display: flex; gap: 8px; margin: 18px 0 12px; max-width: 640px; }
.akm-ara input { flex: 1; min-width: 0; padding: 10px 14px; border-radius: 8px; border: 1px solid var(--akm-cizgi); background: var(--akm-yuzey); color: inherit; font: inherit; }

.akm-suzgecler { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 20px; }
.akm-suzgec { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.akm-suzgec-ad { font-size: .85rem; font-weight: 600; color: var(--akm-soluk); min-width: 64px; }
.akm-cip {
	display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: .9rem;
	border: 1px solid var(--akm-cizgi); background: var(--akm-yuzey); color: inherit; text-decoration: none;
}
.akm-cip:hover { border-color: var(--akm-ana); color: var(--akm-ana); }
.akm-cip.secili { background: var(--akm-ana); border-color: var(--akm-ana); color: var(--ana-yazi, #fff); }
.akm-sayi { margin: 0 0 8px; font-size: .92rem; }

/* Materyal satırları */
.akm-materyaller { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; }
.akm-materyal > a {
	display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; text-decoration: none; color: inherit;
	background: var(--akm-yuzey); border: 1px solid var(--akm-cizgi); border-radius: 10px;
}
.akm-materyal > a:hover { border-color: var(--akm-ana); }
.akm-m-govde { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.akm-m-baslik { font-weight: 600; }
.akm-materyal > a:hover .akm-m-baslik { color: var(--akm-ana); }
.akm-m-bilgi { font-size: .9rem; color: var(--akm-ana); }
.akm-m-alt { font-size: .85rem; color: var(--akm-soluk); }

.akm-rozet {
	flex: none; display: inline-grid; place-items: center; min-width: 52px; height: 52px; padding: 0 6px; border-radius: 8px;
	font: 700 .75rem/1 var(--tr, sans-serif); letter-spacing: .03em; color: #fff; background: #6b6a63;
}
.akm-rozet.pdf { background: #b3261e; }
.akm-rozet.word { background: #2b579a; }
.akm-rozet.sunum { background: #c43e1c; }
.akm-rozet.tablo { background: #217346; }
.akm-rozet.resim { background: #7b4fa0; }
.akm-rozet.ses { background: #0f7b8a; }
.akm-rozet.diger { background: var(--akm-altin); }
.akm-dosya-bilgi .akm-rozet { height: 40px; min-width: 48px; vertical-align: middle; margin-right: 6px; }

/* Tek materyal */
.akm-tek { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start; margin-top: 8px; }
@media (max-width: 800px) { .akm-tek { grid-template-columns: minmax(0, 1fr); } }
.akm-tek-yan { display: flex; flex-direction: column; gap: 10px; position: sticky; top: 90px; }
.akm-tek-yan .dugme { width: 100%; }
.akm-etiketler { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin: 0 0 10px; }
.akm-kunye { margin-top: -.2em; }

/* Bildirim */
.akm-bildir { margin: 28px 0; padding: 12px 16px; border: 1px solid var(--akm-cizgi); border-radius: 10px; background: var(--akm-yuzey); max-width: 680px; }
.akm-bildir summary { cursor: pointer; color: var(--akm-soluk); font-size: .92rem; }
.akm-bildir form { margin-top: 10px; }
.akm-bildir label { display: block; font-weight: 600; font-size: .9rem; margin-bottom: 3px; }
.akm-bildir select, .akm-bildir textarea, .akm-bildir input[type=email] { width: 100%; padding: 8px 10px; border: 1px solid var(--akm-cizgi); border-radius: 8px; font: inherit; background: var(--akm-yuzey); color: inherit; }
.akm-tuzak { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Formlar */
.akm-form-sayfa { max-width: 860px; }
.akm-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.akm-form input[type=text], .akm-form input[type=url], .akm-form select, .akm-form textarea {
	width: 100%; padding: 10px 12px; border: 1px solid var(--akm-cizgi); border-radius: 8px; font: inherit; background: var(--akm-yuzey); color: inherit;
}
.akm-form input:focus, .akm-form select:focus, .akm-form textarea:focus { outline: 2px solid var(--akm-ana); outline-offset: 0; border-color: var(--akm-ana); }
.akm-form p { margin: 0 0 16px; }
.akm-uclu { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 16px; }
.zorunlu { color: #b3261e; }
.akm-ipucu { display: block; font-size: .85rem; color: var(--akm-soluk); font-weight: 400; margin-top: 4px; }
.akm-dosya-alan { border: 1px dashed var(--akm-cizgi); border-radius: 10px; padding: 12px 16px 4px; margin: 0 0 16px; }
.akm-dosya-alan legend { font-weight: 600; padding: 0 6px; }
.akm-veya { text-align: center; color: var(--akm-soluk); margin: -6px 0 6px !important; }
.akm-telif { background: var(--akm-yuzey-2); border-radius: 10px; padding: 12px 16px; margin: 0 0 18px; }
.akm-telif p { margin: 0 0 6px; }
.akm-telif ul { margin: 0 0 10px; padding-left: 20px; }
.akm-onay { font-weight: 600; display: flex !important; gap: 8px; align-items: flex-start; }
.akm-onay input { margin-top: 4px; }
.akm-hata ul { margin: 0; padding-left: 18px; }

/* Liste formu satırları */
.akm-satirlar { padding-left: 24px; margin: 0 0 12px; }
.akm-satir { background: var(--akm-yuzey); border: 1px solid var(--akm-cizgi); border-radius: 10px; padding: 12px; margin-bottom: 10px; }
.akm-satir-ust { display: grid; grid-template-columns: 2fr 1.5fr 1.3fr 110px; gap: 8px; margin-bottom: 8px; }
.akm-satir-ust .akm-kitap-ar { font-family: var(--ar, serif); font-size: 1.05rem; }
@media (max-width: 900px) { .akm-satir-ust { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .akm-satir-ust { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .akm-satir-ust { grid-template-columns: minmax(0, 1fr); } }
.akm-satir-ust input[readonly] { background: var(--akm-yuzey-2); }
.akm-ara-kutu { position: relative; margin: 0 !important; font-weight: 400 !important; }
.akm-oneri {
	position: absolute; left: 0; right: 0; top: 100%; z-index: 20; margin-top: 2px;
	background: var(--akm-yuzey); border: 1px solid var(--akm-cizgi); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.12); overflow: hidden;
}
.akm-oneri button { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; width: 100%; text-align: left; padding: 8px 12px; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.akm-oneri button:hover, .akm-oneri button:focus { background: var(--akm-yuzey-2); }
.akm-oneri .soluk { font-size: .85rem; }
.akm-satir-arac { display: flex; gap: 6px; align-items: center; justify-content: flex-end; margin-top: 6px; }
.akm-satir-arac button { border: 1px solid var(--akm-cizgi); background: var(--akm-yuzey); color: inherit; border-radius: 6px; padding: 4px 10px; cursor: pointer; font: inherit; font-size: .85rem; }
.akm-satir-arac .akm-sil { color: #b3261e; }
.akm-katalog-isaret { margin-right: auto; font-size: .85rem; color: var(--akm-ana); }

/* Liste kartları */
.akm-liste-kartlari { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.akm-liste-karti > a {
	display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 18px; text-decoration: none; color: inherit;
	background: var(--akm-yuzey); border: 1px solid var(--akm-cizgi); border-radius: 12px; border-top: 4px solid var(--akm-ana);
}
.akm-liste-karti.editor > a { border-top-color: var(--akm-altin); }
.akm-liste-karti > a:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.akm-editor { align-self: flex-start; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--akm-altin); }
.akm-amac { font-size: .85rem; color: var(--akm-ana); font-weight: 600; }
.akm-l-baslik { font: 600 1.15rem/1.3 var(--baslik, serif); }
.akm-l-kitaplar { display: flex; flex-direction: column; gap: 2px; font-size: .92rem; flex: 1; }
.akm-l-kitaplar span::before { content: "— "; color: var(--akm-soluk); }
.akm-l-kitaplar .soluk::before { content: ""; }
.akm-l-alt { display: flex; justify-content: space-between; font-size: .85rem; color: var(--akm-soluk); border-top: 1px solid var(--akm-cizgi); padding-top: 8px; }
.akm-kalp-sayi { color: #c2185b; font-weight: 600; }
.akm-sirala { display: flex; gap: 12px; font-size: .92rem; }
.akm-sirala a { text-decoration: none; color: var(--akm-soluk); }
.akm-sirala a.secili { color: var(--akm-ana); font-weight: 600; }

/* Tek liste */
.akm-liste-bas { max-width: 800px; }
.akm-liste-aciklama { margin-top: 12px; }
.akm-begen {
	display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 999px; cursor: pointer;
	border: 1px solid var(--akm-cizgi); background: var(--akm-yuzey); color: inherit; font: 600 15px var(--tr, sans-serif);
}
.akm-begen .kalp { color: var(--akm-soluk); font-size: 1.1rem; }
.akm-begen:hover { border-color: #c2185b; }
.akm-begen.begendi { background: #fce4ec; border-color: #c2185b; color: #8e0e3f; }
.akm-begen.begendi .kalp { color: #c2185b; }
.akm-begen[disabled] { opacity: .6; cursor: default; }
@media (prefers-color-scheme: dark) { .akm-begen.begendi { background: #3d1526; color: #f8bbd0; } }

.akm-kitap-sirasi { counter-reset: kitap; list-style: none; padding: 0; margin: 24px 0; max-width: 800px; }
.akm-kitap-sirasi > li {
	counter-increment: kitap; position: relative; padding: 16px 18px 16px 64px; margin-bottom: 12px;
	background: var(--akm-yuzey); border: 1px solid var(--akm-cizgi); border-radius: 12px;
}
.akm-kitap-sirasi > li::before {
	content: counter(kitap); position: absolute; left: 16px; top: 16px; width: 34px; height: 34px; border-radius: 50%;
	display: grid; place-items: center; background: var(--akm-ana); color: var(--ana-yazi, #fff); font-weight: 700;
}
.akm-ks-bas { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.akm-ks-ad { font: 600 1.1rem var(--baslik, serif); }
a.akm-ks-ad { text-decoration: none; }
.akm-katalogda { font-size: .75rem; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--akm-yuzey-2); color: var(--akm-ana); }
.akm-duzey { font-size: .75rem; font-weight: 600; padding: 2px 8px; border-radius: 999px; border: 1px solid currentColor; }
.akm-duzey.baslangic { color: #2e7d32; }
.akm-duzey.orta { color: #b26a00; }
.akm-duzey.ileri { color: #b3261e; }
.akm-ks-ar { margin: 2px 0 0; text-align: left; }
.akm-ks-yazar { margin: 2px 0 0; }
.akm-ks-not { margin: 8px 0 0; }

/* Üye ve katkılar */
.akm-uye-bas { display: flex; gap: 16px; align-items: center; margin-bottom: 8px; }
.akm-uye-bas h1 { margin: 0; }
.akm-avatar { border-radius: 50%; }
.akm-katki-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.akm-durum { font-size: .85rem; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--akm-yuzey-2, #f3ecdd); }
.akm-durum.publish { color: #2e7d32; }
.akm-durum.pending { color: #b26a00; }
.akm-yorumlar { max-width: 800px; margin-top: 32px; }