/* Görseller (her sayfa, küçük). Avatar: baş harfler altta, fotoğraf üstte; yüklenince belirir, hata verirse
   tema.js kaldırır ve baş harfler görünür. Kapak: altta çizim/renk, görsel üstte aynı şekilde belirir. */
.av>img,.avatar-dugme>img,.pr-av-ic>img,.pd-av-ic>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.avatar-dugme{position:relative}
.avatar-dugme:has(>img){overflow:hidden}
.pr-kapak>img,.pd-kapak>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
img[data-belir]{transition:opacity .24s ease}
.belir-js img[data-belir]:not(.belirdi){opacity:0}
@media (prefers-reduced-motion:reduce){img[data-belir]{transition:none}}
/* Kapak konumlama (kapak-konum.js): düzenleme ekranı ve topluluk yönetimi */
.kk-aktif:not([data-kk-eksen=yok]){cursor:grab;touch-action:none}
.kk-surukle{cursor:grabbing}
.kk-aktif:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ty-gorsel-kapak_id{grid-column:1/-1}
.ty-gorsel-kapak_id .ty-gorsel-on{position:relative;flex:1 1 100%;width:auto;height:auto;aspect-ratio:1180/230}
.ty-gorsel-kapak_id .ty-gorsel-on img{position:absolute;inset:0;user-select:none;-webkit-user-drag:none}
/* Topluluk kapağı kendi katmanında kalsın: görselin z-index'i ikon ve adın üstüne çıkmasın. */
.tk-kapak{isolation:isolate}
@media (max-width:899.98px){.tk-kapak-gorsel+.tk-kimlik{align-items:flex-start}.tk-kapak-gorsel+.tk-kimlik .tk-kimlik-metin{padding-top:50px}}