/* ==========================================================================
 * css/liste.css
 * Ana sayfa etkinlik listesi: menü bandı, arama formu, liste/kart görünümü, gönderi menüsü.
 * Eski sitenin anasayfa.php dosyasındaki stillerin aynısıdır (tools/kok-liste/anasayfa.php);
 * büyük gönderi (#el-detay) stilleri yeni sitede etkinlik sayfasına taşındığı için alınmadı.
 * ========================================================================== */

#el-kap{max-width:720px;margin:0 auto;padding:12px;box-sizing:border-box;font:inherit;color:inherit}
html[data-gorunum="kart"] #el-kap{max-width:1200px}
#el-kap *{box-sizing:border-box}
/* Form: sitenin kendi form/label/input stillerinden etkilenmesin diye yerleşim kuralları !important ile sabitlendi */
#el-kap .el-form{display:grid!important;gap:12px!important;margin:0 0 16px!important;padding:0!important;width:auto!important}
#el-kap .el-form label.el-alan{display:block!important;float:none!important;width:auto!important;margin:0!important;padding:0!important;text-align:left!important}
#el-kap .el-alan span{display:block;margin:0 0 4px;font-size:.85em;line-height:1.2;opacity:.8}
#el-kap .el-alan select{display:block!important;float:none!important;width:100%!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 8px!important;font:inherit!important;font-size:16px!important;color:inherit;background:transparent;border:1px solid rgba(128,128,128,.5)!important;border-radius:6px!important;box-shadow:none}
#el-kap .el-alan input{display:block!important;float:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 10px!important;font:inherit!important;font-size:16px!important;line-height:normal;color:inherit;background:transparent;border:1px solid rgba(128,128,128,.5)!important;border-radius:6px!important;box-shadow:none}
#el-kap .el-satir{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0!important}
#el-kap .el-hizli{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0!important}
#el-kap button{font:inherit;color:inherit;height:40px;margin:0!important;padding:0 10px!important;background:transparent;border:1px solid rgba(128,128,128,.5);border-radius:6px;cursor:pointer}
#el-kap .el-hizli button{width:100%}
#el-kap .el-ara{height:44px;border-color:currentColor;font-weight:600}
#el-kap .el-islem{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:0!important}
#el-kap .el-temizle{font-size:.9em;opacity:.8;white-space:nowrap}
#el-kok.el-sayfa:not(.el-ara-acik) #el-kap .el-form{display:none!important}
#el-kap .el-sayi{font-size:.85em;opacity:.7;margin-bottom:8px}
/* Liste görünümü (varsayılan) */
#el-kap .el-liste{list-style:none;margin:0;padding:0}
#el-kap .el-oge{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 40px 12px 0;border-top:1px solid rgba(128,128,128,.3)}
#el-kap .el-gorsel{flex:0 0 72px;display:block}
#el-kap .el-gorsel img{display:block;width:72px;height:72px;object-fit:cover;border-radius:6px}
#el-kap .el-metin{min-width:0;flex:1}
#el-kap .el-baslik{font-weight:600;text-decoration:none;color:inherit}
#el-kap .el-baslik:hover{text-decoration:underline}
#el-kap .el-ozet{display:none;margin:8px 0 10px;line-height:1.45}
#el-kap .el-zaman,#el-kap .el-mekan{font-size:.88em;opacity:.8;margin-top:2px}
#el-kap .el-menu,#el-detay .el-menu{position:absolute;right:6px;bottom:6px;width:36px;height:36px!important;padding:0!important;display:flex;align-items:center;justify-content:center;border:0!important;background:transparent!important;opacity:.75;cursor:pointer;color:inherit}
#el-kap .el-menu:hover,#el-detay .el-menu:hover{opacity:1}
/* Kart görünümü */
html[data-gorunum="kart"] #el-kap .el-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
html[data-gorunum="kart"] #el-kap .el-oge{flex-direction:column;gap:0;padding:0 0 38px;border:0;border-radius:10px;overflow:hidden;background:rgba(128,128,128,.07);box-shadow:0 1px 4px rgba(0,0,0,.18)}
html[data-gorunum="kart"] #el-kap .el-gorsel{flex:none;width:100%}
html[data-gorunum="kart"] #el-kap .el-gorsel img{width:100%;height:auto;aspect-ratio:16/10;border-radius:0}
html[data-gorunum="kart"] #el-kap .el-metin{padding:14px 16px 0;width:100%}
html[data-gorunum="kart"] #el-kap .el-baslik{display:block;font-size:1.1em;line-height:1.3}
html[data-gorunum="kart"] #el-kap .el-ozet{display:block}
#el-kap .el-daha{display:block;width:100%;margin-top:14px}
#el-kap .el-bos{padding:16px 0;opacity:.8}
#el-kap.el-yukleniyor #el-sonuc{opacity:.5}

#el-kok{--el-bant:#1f2a44;--el-bant-yazi:#fff;--el-bant-ust:0px;position:relative}
/* Menü bandı: sayfa içinde sticky kalır (eski sitede #ustbant başlığına taşınıyordu; yeni sitede gerekmiyor).
   Başlık .panel dışında durduğu için bant kaymaz. --el-bant-ust yalnızca yerinde (sticky) kalan bant içindir. */
.el-bant{position:-webkit-sticky;position:sticky;top:var(--el-bant-ust,0px);z-index:1000;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:2px 8px;background:#fff;background:Canvas;color:#222;color:CanvasText;border-bottom:1px solid rgba(128,128,128,.3)}
.el-bant button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;background:transparent;border:0;border-radius:8px;color:inherit;cursor:pointer}
.el-bant button:hover,.el-bant button[aria-pressed="true"]{background:rgba(128,128,128,.22)}
.el-bant svg{display:block;pointer-events:none}
.el-bant select.el-kat{flex:0 1 190px;min-width:0;max-width:190px;height:36px!important;margin:0 4px 0 0!important;padding:0 6px!important;font:inherit!important;font-size:14px!important;color:inherit;background:transparent;border:1px solid rgba(128,128,128,.5)!important;border-radius:8px!important;box-shadow:none}
.el-bant select.el-kat option{color:#111;background:#fff}
/* Gönderi menüsü (alt menü / action sheet) */
.el-sheet-ort{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:rgba(0,0,0,.45)}
.el-sheet{position:fixed;left:0;right:0;bottom:0;z-index:3001;max-width:640px;margin:0 auto;box-sizing:border-box;padding:10px 10px 14px;background:#e9e9ec;border-radius:12px 12px 0 0;box-shadow:0 -4px 18px rgba(0,0,0,.35);font:inherit;color:#111}
.el-sheet-baslik{padding:2px 6px 8px;font-size:.85em;opacity:.7;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.el-sheet button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;margin:0 0 8px;padding:0 12px;font:inherit;font-weight:600;font-size:1.05em;color:#111;background:#fff;border:1px solid #bbb;border-radius:8px;cursor:pointer}
.el-sheet button svg{flex:0 0 auto}
.el-sheet button.el-sheet-iptal{margin-bottom:0}
.el-toast{position:fixed;left:50%;bottom:24px;z-index:3100;max-width:90%;padding:10px 16px;background:rgba(30,30,30,.92);color:#fff;border-radius:8px;font:inherit;-webkit-transform:translateX(-50%);transform:translateX(-50%)}

/* Büyük gönderi (eski sitedeki aynı görünüm) */
#el-detay{position:relative;max-width:760px;margin:0 auto;padding:16px 16px 56px;text-align:center}
#el-detay .el-d-baslik{margin:0 0 8px;font-size:1.7em;line-height:1.25}
#el-detay .el-d-zaman,#el-detay .el-d-mekan{opacity:.85;margin:2px 0}
#el-detay .el-d-resim{display:block;max-width:100%;height:auto;margin:14px auto 0;border-radius:4px}
#el-detay .el-d-islem{text-align:right;margin:10px 0}
#el-detay .el-paylas{height:40px;padding:0 16px;background:#0a84c6;color:#fff;border:0;border-radius:6px;font:inherit;cursor:pointer}
#el-detay .el-d-metin{text-align:left;line-height:1.55}
#el-detay .el-d-metin p{margin:0 0 12px}
#el-detay .el-d-alt{font-weight:600}
#el-detay .el-d-alt-satir{text-align:right;font-size:.85em;opacity:.75;margin-top:6px}
#el-detay .el-d-alt-satir a{color:inherit}
.el-ayirac{max-width:720px;margin:0 auto;border:0;border-top:1px solid rgba(128,128,128,.4)}