/* Liste başlık alanı */
.ed-list-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px
}

/* Grid */
.ed-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(1,minmax(0,1fr))
}

@media(min-width:640px) {
    .ed-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(min-width:992px) {
    .ed-grid {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

/* Kart oran/hiyerarşi */
.ed-card-cover--32 {
    aspect-ratio: 3/2
}

.ed-card--edition .ed-card-cover {
    border-bottom: 1px solid var(--ed-brd)
}

.ed-badge--float {
    position: absolute;
    top: 10px;
    right: 10px
}

/* Grup başlığı */
.ed-list-group-title {
    margin: 18px 0 8px;
    font-weight: 900;
    font-size: 1.25rem;
    color: var(--ed-dark)
}
/* ===== Section Head (Etkinlikler / Geçmiş Etkinlikler) ===== */
.ed-head {
    position: relative;
    margin: 8px 0 18px
}

.ed-head-title {
    margin: 0;
    font-weight: 900;
    letter-spacing: .2px;
    font-size: clamp(1.6rem,2.8vw,2.1rem);
    color: var(--ed-dark);
}

.ed-head-sub {
    margin: 6px 0 0;
    color: var(--ed-muted)
}

.ed-head-meta {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 8px
}

/* Alt vurgulu şerit */
.ed-head::after {
    content: "";
    display: block;
    width: 84px;
    height: 6px;
    border-radius: 6px;
    margin-top: 10px;
    background: linear-gradient(90deg,var(--ed-bordo),var(--ed-altin));
    box-shadow: 0 6px 14px rgba(0,0,0,.08);
}

.ed-head--archive::after {
    width: 64px;
    background: linear-gradient(90deg,#8b2b2a,var(--ed-bordo));
}

.ed-head--upcoming::after {
    width: 84px;
    background: linear-gradient(90deg,var(--ed-altin),#e8d49a);
}

/* Başlık içinde küçük sayaç rozeti */
.ed-chip.soft {
    background: var(--ed-ivory);
    border-color: #eadfd2;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 999px;
}
/* Kapak üstü yerleşimler */
.ed-card--edition .ed-card-cover {
    position: relative;
}

.ed-badge--float {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
}

/* YIL rozeti (sol-üst) */
.ed-year-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    background: #7c2322; /* bordo/kırmızı */
    color: #fff;
    border: none;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* Blur cam başlık şeridi (görsel üzerinde, altta) */
.ed-cover-glass {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    padding: 10px 12px;
    border-radius: .75rem;
    background: rgba(255,255,255,.45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 8px 20px rgba(0,0,0,.16) inset, 0 6px 16px rgba(0,0,0,.08);
}

.ed-cover-title {
    margin: 0;
    line-height: 1.25;
    font-weight: 900;
    font-size: clamp(1rem,1.8vw,1.25rem);
    color: #231f1c;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
}

/* Alt şerit daha kompakt */
.ed-body-compact {
    gap: 10px;
    padding: 10px 14px 14px;
}

    .ed-body-compact .ed-card-actions {
        margin-top: 0;
    }

/* Mobilde biraz daha nefes */
@media (max-width: 480px) {
    .ed-cover-glass {
        left: 8px;
        right: 8px;
        bottom: 8px;
        padding: 8px 10px;
    }

    .ed-cover-title {
        font-size: 1.05rem;
    }
}
/* Alt şerit - tek satır */
.ed-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px 14px;
}

    .ed-card-foot .ed-pill {
        flex: 1 1 auto;
        max-width: 100%
    }
    /* tarih solda, esneyebilir */
    .ed-card-foot .ed-btn {
        flex: 0 0 auto
    }
/* buton sağda sabit */

/* Kartın eski alt boşluklarını devre dışı bırakmak için */
.ed-body-compact {
    display: none;
}
/* eğer hâlâ varsa görünmesin */

/* Dar ekranlarda taşmayı önle */
@media (max-width:420px) {
    .ed-card-foot {
        gap: 8px;
        padding: 10px 12px 12px
    }

        .ed-card-foot .ed-btn {
            padding: 6px 10px
        }
}
.ed-card--edition .ed-card-cover {
    position: relative;
}

.ed-badge--float {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
}

/* Yıl rozeti (sol-üst) */
.ed-year-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    background: #7c2322;
    color: #fff;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(0,0,0,.18);
}

/* Başlık için blur cam overlay */
.ed-cover-glass {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    padding: 10px 12px;
    border-radius: .75rem;
    background: rgba(255,255,255,.45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 8px 20px rgba(0,0,0,.16) inset, 0 6px 16px rgba(0,0,0,.08);
}

.ed-cover-title {
    margin: 0;
    line-height: 1.25;
    font-weight: 900;
    font-size: clamp(1rem,1.8vw,1.25rem);
    color: #231f1c;
}

/* Alt şerit tek satır */
.ed-card-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px 14px;
}

    .ed-card-foot .ed-pill {
        flex: 1 1 auto;
    }

    .ed-card-foot .ed-btn {
        flex: 0 0 auto;
    }

@media (max-width:480px) {
    .ed-cover-glass {
        left: 8px;
        right: 8px;
        bottom: 8px;
        padding: 8px 10px;
    }

    .ed-card-foot {
        gap: 8px;
        padding: 10px 12px 12px;
    }
}
/* Cam şerit sabit yükseklik */
.ed-cover-glass--fixed {
    height: 64px; /* sabit yükseklik */
    padding: 10px 12px;
    display: flex;
    align-items: center; /* dikey ortala */
}

    /* Uzun başlıklarda sadece yazıyı küçült, max 2 satır */
    .ed-cover-glass--fixed .ed-cover-title {
        /* akıllı ölçek: genişliğe göre küçülür, asla aşırı büyümez */
        font-size: clamp(0.95rem, 0.85rem + 0.5vw, 1.2rem);
        line-height: 1.15;
        margin: 0;
        text-wrap: balance; /* daha iyi kırılım (destekli tarayıcılarda) */
        /* 2 satır sınırı */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

/* Küçük ekranlarda biraz daha sıkıştır */
@media (max-width: 420px) {
    .ed-cover-glass--fixed {
        height: 58px;
        padding: 8px 10px;
    }

        .ed-cover-glass--fixed .ed-cover-title {
            font-size: clamp(0.9rem, 0.8rem + 0.5vw, 1.1rem);
        }
}
/* Blur şerit: başlık solda, yıl sağda */
.ed-cover-glass {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    padding: 10px 12px;
    border-radius: .75rem;
    background: rgba(255,255,255,.45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 8px 20px rgba(0,0,0,.16) inset, 0 6px 16px rgba(0,0,0,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px; /* NEW */
}

/* Sabit yükseklik isteyenler için (önerilen) */
.ed-cover-glass--fixed {
    height: 64px;
    padding: 10px 12px
}

@media (max-width:420px) {
    .ed-cover-glass--fixed {
        height: 58px;
        padding: 8px 10px
    }
}

/* Başlık uzunluk kontrolü (max 2 satır) */
.ed-cover-title {
    margin: 0;
    line-height: 1.15;
    font-weight: 900;
    font-size: clamp(0.95rem,0.85rem + 0.5vw,1.2rem);
    color: #231f1c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-wrap: balance;
}

/* YIL çipi: blur şerit içinde sağda */
.ed-year-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 52px;
    padding: 0 10px;
    border-radius: 999px;
    font-weight: 800;
    background: rgba(124,35,34,.90); /* bordo, cam üstünde belirgin */
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 6px 14px rgba(0,0,0,.12);
}

/* Eski sol-üst yıl rozetini kullanmıyoruz */
.ed-year-badge {
    display: none !important;
}