/*
 * EnFavori Homepage Latest Lists
 * ==============================
 * Slider benzeri kart modeli:
 * - Baslik gorselin altinda gradient uzerinde
 * - Kategori / kanal / konum rozetleri gorselin ustunde
 * - Metrikler, hazirlayan ve CTA gorselin altinda
 * - Masaustunde 3 kart, tablette 2 kart, mobilde 1 kart
 */

#son-eklenen-listeler,
#son-eklenen-listeler * {
    box-sizing: border-box;
}

#son-eklenen-listeler .ef-latest-lists-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 18px;
    align-items: start;
    width: 100%;
    min-width: 0;
}

#son-eklenen-listeler .ef-latest-lists-layout.is-single {
    grid-template-columns: minmax(0, 1fr);
}

#son-eklenen-listeler .ef-latest-lists-main,
#son-eklenen-listeler .ef-latest-lists-sidebar {
    min-width: 0;
}

#son-eklenen-listeler .ef-latest-lists-panel {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 9px;
    background: #fff;
    border: 1px solid #dce5ed;
    border-radius: 12px;
    box-shadow: 0 5px 16px rgba(15, 23, 42, .05);
}

#son-eklenen-listeler .ef-latest-lists-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-width: 0;
    align-items: stretch;
}

#son-eklenen-listeler .ef-latest-list-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto auto;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe7ee;
    border-radius: 11px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .025);
}

/* Gorsel ve baslik ayni grid alaninda ust uste gelir. */
#son-eklenen-listeler .ef-latest-list-media {
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: 100%;
    min-width: 0;
    aspect-ratio: 16 / 9;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #edf2f5;
    line-height: 0;
    text-decoration: none;
}

#son-eklenen-listeler .ef-latest-list-image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
    background: transparent;
    transition: transform .25s ease;
}

#son-eklenen-listeler .ef-latest-list-card:hover .ef-latest-list-image {
    transform: scale(1.015);
}

#son-eklenen-listeler .ef-latest-list-title {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    z-index: 3;
    display: -webkit-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 46px 14px 13px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(
        to bottom,
        rgba(13, 27, 45, 0) 0%,
        rgba(13, 27, 45, .42) 38%,
        rgba(13, 27, 45, .90) 78%,
        rgba(13, 27, 45, .96) 100%
    );
    border: 0;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.22;
    letter-spacing: -.018em;
    text-decoration: none;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .45);
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#son-eklenen-listeler .ef-latest-list-title:hover,
#son-eklenen-listeler .ef-latest-list-title:focus {
    color: #7ee7dc;
    text-decoration: none;
}

/* Body sadece semantik sarmalayici; cocuklar kart gridine yerlestirilir. */
#son-eklenen-listeler .ef-latest-list-body {
    display: contents;
}

/* Kategori / kanal / konum gorselin sol ustunde rozet olarak durur. */
#son-eklenen-listeler .ef-latest-list-meta {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    width: auto;
    max-width: calc(100% - 20px);
    margin: 10px;
    pointer-events: auto;
}

#son-eklenen-listeler .ef-latest-list-location,
#son-eklenen-listeler .ef-latest-list-category,
#son-eklenen-listeler .ef-latest-list-channel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 29px;
    max-width: 100%;
    padding: 0 9px;
    border-radius: 8px;
    font-size: 9.7px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .12);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

#son-eklenen-listeler .ef-latest-list-location,
#son-eklenen-listeler .ef-latest-list-category {
    color: #087d72;
    background: rgba(233, 251, 248, .94);
    border: 1px solid rgba(201, 241, 235, .98);
}

#son-eklenen-listeler .ef-latest-list-location i {
    color: #0fae9f;
}

#son-eklenen-listeler .ef-latest-list-channel {
    color: #1e78b5;
    background: rgba(237, 247, 255, .94);
    border: 1px solid rgba(211, 235, 251, .98);
}

#son-eklenen-listeler .ef-latest-list-location:hover,
#son-eklenen-listeler .ef-latest-list-location:focus,
#son-eklenen-listeler .ef-latest-list-category:hover,
#son-eklenen-listeler .ef-latest-list-category:focus,
#son-eklenen-listeler .ef-latest-list-channel:hover,
#son-eklenen-listeler .ef-latest-list-channel:focus {
    text-decoration: none;
    outline: none;
    filter: brightness(.985);
}

/* Metrikler gorselin hemen altinda. */
#son-eklenen-listeler .ef-latest-list-metrics {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    margin: 0;
    padding: 11px 12px 0;
}

#son-eklenen-listeler .ef-latest-list-metric {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 29px;
    max-width: 100%;
    padding: 0 9px;
    color: #64748b;
    background: #f7f9fb;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
    font-size: 9.8px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

#son-eklenen-listeler .ef-latest-list-metric i {
    flex: 0 0 auto;
    color: #168fe0;
    font-size: 9.5px;
}

#son-eklenen-listeler .ef-latest-list-metric.is-secondary {
    color: #64748b;
    background: #f9fbfc;
    border-color: #e5ebf1;
}

#son-eklenen-listeler .ef-latest-list-metric.is-participation {
    color: #087d72;
    background: #e9fbf8;
    border-color: #c9f1eb;
}

#son-eklenen-listeler .ef-latest-list-metric.is-participation i {
    color: #0f9f94;
}

#son-eklenen-listeler .ef-latest-list-metric.is-preparing {
    color: #64748b;
    background: #f8fafc;
    border-color: #dce6ef;
}

/* Hazirlayan satiri: ekstra kutu yok, dogrulama tiki ismin hemen yaninda. */
#son-eklenen-listeler .ef-latest-list-preparer {
    grid-column: 1;
    grid-row: 4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
    min-width: 0;
    margin: 10px 12px 0;
    padding: 0;
    color: #142844;
    background: transparent;
    border: 0;
    border-radius: 0;
}

#son-eklenen-listeler .ef-latest-list-preparer-icon {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    overflow: hidden;
    color: #fff;
    background: #142844;
    border-radius: 8px;
    font-size: 13px;
}

#son-eklenen-listeler .ef-latest-list-preparer-copy {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    min-width: 0;
}

#son-eklenen-listeler .ef-latest-list-preparer-name {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    color: #142844;
    font-size: 10.5px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#son-eklenen-listeler .ef-latest-list-preparer-title {
    display: none;
}

#son-eklenen-listeler a.ef-latest-list-preparer-name:hover,
#son-eklenen-listeler a.ef-latest-list-preparer-name:focus {
    color: #168fe0;
    text-decoration: none;
}

#son-eklenen-listeler .ef-latest-list-preparer-verified {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: -3px;
    color: #168fe0;
    font-size: 15px;
}

#son-eklenen-listeler .ef-latest-list-cta {
    grid-column: 1;
    grid-row: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    min-height: 38px;
    margin: 10px 12px 12px;
    padding: 8px 12px;
    color: #fff;
    background: #142844;
    border: 1px solid #142844;
    border-radius: 9px;
    font-size: 10.5px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

#son-eklenen-listeler .ef-latest-list-cta:hover,
#son-eklenen-listeler .ef-latest-list-cta:focus {
    color: #fff;
    background: #0d1b2d;
    border-color: #0d1b2d;
    text-decoration: none;
}

#son-eklenen-listeler .ef-latest-list-cta > i:first-child {
    color: #5ee1d5;
}

#son-eklenen-listeler .ef-latest-list-cta.is-participation {
    color: #fff;
    background: #0b817a;
    border-color: #0b817a;
}

#son-eklenen-listeler .ef-latest-list-cta.is-participation:hover,
#son-eklenen-listeler .ef-latest-list-cta.is-participation:focus {
    background: #0f8c82;
    border-color: #0f8c82;
}

#son-eklenen-listeler .ef-latest-list-cta.is-preparing {
    color: #64748b;
    background: #f8fafc;
    border-color: #dce6ef;
}

#son-eklenen-listeler .ef-latest-list-cta.is-preparing > i:first-child {
    color: #64748b;
}

#son-eklenen-listeler .ef-latest-list-cta-text-tablet {
    display: none;
}

#son-eklenen-listeler .ef-latest-lists-sidebar-card {
    width: 100%;
    min-width: 0;
}

/* Tablet: iki kart. */
@media (min-width: 768px) {
    #son-eklenen-listeler .ef-latest-lists-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Masaustu: uc kart. */
@media (min-width: 1200px) {
    #son-eklenen-listeler .ef-latest-lists-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Sidebar dar ekranlarda alta iner. */
@media (max-width: 1199.98px) {
    #son-eklenen-listeler .ef-latest-lists-layout,
    #son-eklenen-listeler .ef-latest-lists-layout.is-single {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Mobil: tek kart, slider benzeri baslik. */
@media (max-width: 767.98px) {
    #son-eklenen-listeler .ef-latest-lists-panel {
        padding: 7px;
        border-radius: 11px;
    }

    #son-eklenen-listeler .ef-latest-lists-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    #son-eklenen-listeler .ef-latest-list-card {
        border-radius: 10px;
    }

    #son-eklenen-listeler .ef-latest-list-title {
        padding: 58px 13px 13px;
        font-size: 18px;
        -webkit-line-clamp: 3;
    }

    #son-eklenen-listeler .ef-latest-list-meta {
        max-width: calc(100% - 16px);
        margin: 8px;
        gap: 5px;
    }

    #son-eklenen-listeler .ef-latest-list-location,
    #son-eklenen-listeler .ef-latest-list-category,
    #son-eklenen-listeler .ef-latest-list-channel {
        min-height: 29px;
        padding: 0 8px;
        font-size: 9.7px;
    }

    #son-eklenen-listeler .ef-latest-list-metrics {
        padding: 10px 11px 0;
    }

    #son-eklenen-listeler .ef-latest-list-metric {
        min-height: 30px;
        padding: 0 9px;
        font-size: 9.8px;
    }

    #son-eklenen-listeler .ef-latest-list-preparer {
        margin: 10px 11px 0;
    }

    #son-eklenen-listeler .ef-latest-list-cta {
        min-height: 40px;
        margin: 10px 11px 11px;
        font-size: 11px;
    }
}

@media (max-width: 389.98px) {
    #son-eklenen-listeler .ef-latest-list-title {
        padding: 52px 11px 11px;
        font-size: 16px;
    }

    #son-eklenen-listeler .ef-latest-list-meta {
        margin: 7px;
    }

    #son-eklenen-listeler .ef-latest-list-metric {
        font-size: 9.5px;
    }
}