/* KITAP KUSAGI [sol_kitap_kusagi] — lego L07, KR-150 (surum adayi 0.2.125, E3).
   Kaynak gorunum (onayli, birebir): kanit/taslak/my/ana_sayfa_yon_20260927/a/index.html "KITAP KUSAGI L07" kurallari + telefon kurallari,
   kanit/taslak/my/danismanlik_yon_20260927/a/hub.html ayni bolum (kusak-filtre, data-tasmaz).
   Taslaktan bilerek ayrilan: tablet 3 kapak (taslakta 5) · telefon 2,3 kapak (taslakta 2,5) · telefonda metin en az 15 px ·
   telefonda kenara tasan negatif kenar bosluguyla kaydirma YOK (Elementor kabinin ic boslugu bilinmiyor; sayfa yatay tasmasin).
   Palet siparis §14: Carbon #181818 · Graphite #30302E · Ivory #F6F1E8 · CTA #B64F21 (yalniz cizgi/cerceve; dolu dugme yok, KR-171). */

.sol-kusak{--carbon:#181818;--graphite:#30302E;--ivory:#F6F1E8;--koyu:#9C421C;--cta:#B64F21;--amber:#D99A3E;
 --serif:"Source Serif 4",Georgia,"Times New Roman",serif;--sans:Inter,"Segoe UI",Arial,sans-serif;
 font-family:var(--sans);color:var(--carbon);max-width:100%;min-width:0}
.sol-kusak *,.sol-kusak *::before,.sol-kusak *::after{box-sizing:border-box}
.sol-kusak .kusak-dur,.sol-kusak .kusak-ok,.sol-kusak .kusak-filtre button{text-transform:none;letter-spacing:normal;box-shadow:none}   /* 0.2.127: tema dugme stili sizintisi (canli 'DURDURUN') */
.sol-kusak :focus-visible{outline:2px solid var(--cta);outline-offset:3px}

/* ust satir: sistem cipleri (varsa) + durdurma tusu */
.sol-kusak .kusak-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 18px;margin:0 0 16px}
.sol-kusak .kusak-filtre{display:flex;flex-wrap:wrap;gap:8px;margin-right:auto}
.sol-kusak .kusak-filtre button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid #D2C4AE;border-radius:100px;background:#fff;color:var(--carbon);font:600 14px/1 var(--sans);cursor:pointer}
.sol-kusak .kusak-filtre button[aria-pressed="true"]{border-color:var(--carbon);background:var(--carbon);color:#fff}
.sol-kusak .kusak-dur{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 16px;border:1px solid var(--carbon);border-radius:100px;background:transparent;color:var(--carbon);font:600 14px/1 var(--sans);cursor:pointer}
.sol-kusak .kusak-dur[hidden],.sol-kusak:not(.hazir) .kusak-dur{display:none}
.sol-kusak .kusak-dur .ik-oynat,.sol-kusak .kusak-dur[aria-pressed="true"] .ik-dur{display:none}
.sol-kusak .kusak-dur[aria-pressed="true"] .ik-oynat{display:inline}
.sol-kusak .ik{width:18px;height:18px;flex:none}

/* kusak: ok · iz · ok */
.sol-kusak .kusak{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:14px;align-items:center}
.sol-kusak .kusak[data-tasmaz]{grid-template-columns:minmax(0,1fr)}
.sol-kusak .kusak[data-tasmaz] .kusak-ok{display:none}
.sol-kusak .kusak-ok{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--carbon);background:var(--ivory);color:var(--carbon);display:grid;place-items:center;cursor:pointer}
.sol-kusak:not(.hazir) .kusak-ok{visibility:hidden}
.sol-kusak .kusak-iz{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 8px 12px;min-width:0}
.sol-kusak .kusak-iz::-webkit-scrollbar{display:none}
.sol-kusak .kusak-sira{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*28px)/5);gap:28px}

/* kart: kapak + seri + ad (taslak .kitap) */
.sol-kusak .kitap{scroll-snap-align:start;min-width:0}
.sol-kusak .kitap a{display:block;text-decoration:none;color:inherit}
.sol-kusak .kapak{position:relative;display:block}
.sol-kusak .kapakk{width:100%;aspect-ratio:212/300}
.sol-kusak .kapakk.gercek{overflow:visible}   /* kitap.css .kapakk overflow:hidden gunun kitabi cercevesini kesiyordu (ekrana bakildi) */
.sol-kusak .kapakk.gercek .gercek-kapak{width:100%;height:auto;aspect-ratio:212/300;object-fit:cover;box-shadow:0 14px 26px -16px rgba(0,0,0,.6);border-radius:2px}
.sol-kusak .kapakk.sablon{box-shadow:0 14px 26px -16px rgba(0,0,0,.6)}
.sol-kusak .kusak-seri{display:block;margin-top:12px;font:700 11.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--koyu)}
.sol-kusak .kusak-ad{display:block;margin-top:4px;font:600 16px/1.3 var(--serif);color:var(--carbon)}
.sol-kusak .kitap a:hover .kusak-ad{text-decoration:underline;text-underline-offset:3px}
.sol-kusak .kusak-icin{margin:6px 0 0;font:400 14px/1.45 var(--sans);color:var(--graphite)}
.sol-kusak .kitap.gunun .gercek-kapak,.sol-kusak .kitap.gunun .kapakk.sablon{outline:3px solid var(--cta);outline-offset:4px}
.sol-kusak .kitap.gunun .kusak-seri b{color:var(--carbon);font-weight:700}

/* 0.2.125 seri notu (B taslagi raf satiri: seri · sayi · "…için yazdım") */
.sol-kusak .kusak-seriler{list-style:none;margin:22px 0 18px;padding:18px 0 0;border-top:1px solid #D2C4AE;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px}
.sol-kusak .kusak-seriler li{margin:0;min-width:0}
.sol-kusak .kusak-seriler b{display:block;font:600 16px/1.3 var(--serif);color:var(--carbon)}
.sol-kusak .kusak-sayi{display:block;margin-top:2px;font:600 13px/1.3 var(--sans);color:var(--koyu)}
.sol-kusak .kusak-kimin{display:block;margin-top:6px;font:400 15px/1.45 var(--sans);color:var(--graphite)}

/* tablet: 3 kapak */
@media (max-width:1023px){
 .sol-kusak .kusak-sira{grid-auto-columns:calc((100% - 2*24px)/3);gap:24px}
 .sol-kusak .kusak-seriler{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* telefon: oklar yok, 2,3 kapak gorunur, parmakla kaydirma; metin en az 15 px */
@media (max-width:767px){
 .sol-kusak .kusak{grid-template-columns:minmax(0,1fr)}
 .sol-kusak .kusak-ok{display:none}
 .sol-kusak .kusak-iz{padding:10px 6px 12px}
 .sol-kusak .kusak-sira{grid-auto-columns:calc((100% - 2*16px)/2.3);gap:16px}
 .sol-kusak .kusak-seri{font-size:15px;letter-spacing:.02em;text-transform:none}
 .sol-kusak .kusak-ad{font-size:16px}
 .sol-kusak .kusak-icin{font-size:15px}
 .sol-kusak .kusak-dur,.sol-kusak .kusak-filtre button{font-size:15px}
 .sol-kusak .kusak-filtre{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;padding-bottom:6px}
 .sol-kusak .kusak-filtre button{flex:0 0 auto}
 .sol-kusak .kusak-seriler{grid-template-columns:minmax(0,1fr);gap:14px}
 .sol-kusak .kusak-sayi{font-size:15px}
}

/* hareketi azalt: kusak hic donmez (JS de denetler); kaydirma aninda */
@media (prefers-reduced-motion:reduce){.sol-kusak .kusak-iz{scroll-behavior:auto}}

/* PDF (yazdir): kapaklar satir satir, denetim ogeleri yok */
@media print{
 .sol-kusak .kusak-ok,.sol-kusak .kusak-dur,.sol-kusak .kusak-filtre{display:none!important}
 .sol-kusak .kusak{grid-template-columns:minmax(0,1fr)}
 .sol-kusak .kusak-iz{overflow:visible}
 .sol-kusak .kusak-sira{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);grid-auto-columns:auto}
}
