/* ilan-gorsel.css — Ortak ilan görseli ve fotoğrafsız ilan yer tutucusu (include/ilan-gorsel.php, assets/js/ilan-gorsel.js)
 * Yer tutucu, bulunduğu kapsayıcının (card-img, ild-ana …) tamamını doldurur; kart yüksekliği hiçbir durumda değişmez.
 * Kompakt görünüm kapsayıcı sorgusuyla (gerçek genişlik) belirlenir. */
.lg-yer{--lg-zemin:#f4f2ec;--lg-ikon:#2f3337;--lg-daire:#fbe7a1;--lg-metin:#4a4e53;--lg-logo:#9a9c9f;
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;
  background:var(--lg-zemin);overflow:hidden;container-type:inline-size;container-name:lg;box-sizing:border-box;padding:6% 5% 11%;
  font-family:inherit;line-height:1.2;text-align:center;user-select:none}
.lg-yer.lg-akis{position:relative;inset:auto;width:100%;height:100%}
.lg-yer-orta{position:relative;display:grid;place-items:center;width:clamp(30px,26cqw,132px);aspect-ratio:1}
.lg-daire{position:absolute;width:82%;aspect-ratio:1;left:-6%;top:-4%;border-radius:50%;background:var(--lg-daire);opacity:.75}
.lg-ikon{position:relative;width:100%;height:100%;fill:none;stroke:var(--lg-ikon);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;color:var(--lg-ikon)}
.lg-yer-metin{font-size:clamp(11px,5.4cqw,22px);font-weight:500;color:var(--lg-metin);letter-spacing:.005em;white-space:nowrap}
.lg-logo{position:absolute;right:4.5%;bottom:5.5%;width:clamp(64px,24cqw,150px);height:auto;aspect-ratio:5/1;color:var(--lg-logo)}
/* Küçük kartlar: açıklama ve logo okunamayacak boyuttaysa yalnızca kategori ikonu kalır */
@container lg (max-width:220px){ .lg-logo{display:none} .lg-yer{padding:6%} }
@container lg (max-width:150px){ .lg-yer-metin{display:none} .lg-yer-orta{width:44cqw} }
.lg-yer.lg-kucuk .lg-yer-metin,.lg-yer.lg-kucuk .lg-logo{display:none}
.lg-yer.lg-kucuk .lg-yer-orta{width:52%}
.lg-yer.lg-detay .lg-yer-orta{width:clamp(56px,20cqw,150px)}
.lg-yer.lg-detay .lg-yer-metin{font-size:clamp(13px,3.4cqw,22px)}
.lg-yer.lg-detay .lg-logo{width:clamp(90px,18cqw,170px)}
/* Container sorgusu desteklemeyen eski tarayıcılar: makul sabit boyutlar */
@supports not (container-type:inline-size){
  .lg-yer-orta{width:72px}.lg-yer-metin{font-size:13px}.lg-logo{width:96px}
}
/* Yükleniyor (iskelet): fotoğraf gelene kadar kart alanı korunur; yüklenen fotoğraf "fotoğraf yok" sayılmaz */
img.lg-img:not(.lg-ok){background:linear-gradient(100deg,#eeebe4 30%,#f7f5f0 50%,#eeebe4 70%) 0 0/300% 100%;animation:lgIskelet 1.3s ease-in-out infinite}
@keyframes lgIskelet{0%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){img.lg-img:not(.lg-ok){animation:none}}
/* Kapsayıcı hiç konumlanmamışsa (ör. arka plan görselli bağlantılar) yer tutucu yine taşmaz */
.lg-kap{position:relative;display:block;overflow:hidden}
.lg-kap > img.lg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.lg-kap > .lg-yer{border-radius:inherit}
/* İlan detay: fotoğrafsız ilanın galeri alanı (büyütme yok), küçük resim düğmesindeki yer tutucu */
.ild-ana.ild-ana-bos{cursor:default}
.ild-kucuk{position:relative}