/* EnFavori Hesabım — görsel modülleri sayfa ve içerik tipine göre ayrılır.
 *
 * 1) Liste kapakları (images/lists): yatay 16:9 küçük thumbnail.
 * 2) Seçenek görselleri (images/items): kare 1:1 küçük thumbnail.
 *
 * Kart yüksekliği hiçbir görseli dikeyde esnetmez. Profil/ikon/avatar kapsam dışıdır.
 */

/* --------------------------------------------------------------------------
   ORTAK: görseller kart yüksekliğine göre uzamasın
   -------------------------------------------------------------------------- */
body .hm-account-wrap .hm-account-main .hm-account-list-card,
body .hm-account-wrap .hm-account-main .hm-account-selection-card,
body .hm-account-wrap .hm-account-main .ef-saved-item-card {
    align-items: start !important;
    min-height: 0 !important;
}

body .hm-account-wrap .hm-account-main .hm-account-list-image-link,
body .hm-account-wrap .hm-account-main .hm-account-selection-image-link,
body .hm-account-wrap .hm-account-main .ef-saved-item-image {
    display: block !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #f2f5f8 !important;
}

/* --------------------------------------------------------------------------
   MODÜL 1 — LİSTE KAPAKLARI: yatay 16:9
   Takip Ettiklerim / Ziyaret Geçmişim / Genel Bakış liste kartları
   -------------------------------------------------------------------------- */
body .hm-account-wrap .hm-account-main .hm-account-list-image-link {
    aspect-ratio: 16 / 9 !important;
}

body .hm-account-wrap .hm-account-main .hm-account-list-image,
body .hm-account-wrap .hm-account-main .hm-history-page .hm-history-card-shell .hm-history-square-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
}

/* Ziyaret geçmişinin eski 1:1 zorlamasını etkisizleştir. */
body .hm-account-wrap .hm-account-main .hm-history-page .hm-history-card-shell .hm-history-square-image {
    max-width: 100% !important;
}

/* --------------------------------------------------------------------------
   MODÜL 2 — SEÇENEK / OY / FAVORİ GÖRSELLERİ: kare 1:1
   Oylarım / Favori Seçenekler / Genel Bakış son oylar
   -------------------------------------------------------------------------- */
body .hm-account-wrap .hm-account-main .hm-account-selection-image-link,
body .hm-account-wrap .hm-account-main .ef-saved-item-image {
    aspect-ratio: 1 / 1 !important;
}

body .hm-account-wrap .hm-account-main .hm-account-selection-image,
body .hm-account-wrap .hm-account-main .ef-saved-item-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    background: #f2f5f8 !important;
    transform: none !important;
}

body .hm-account-wrap .hm-account-main .hm-account-selection-image-link:hover .hm-account-selection-image,
body .hm-account-wrap .hm-account-main .ef-saved-item-image:hover img {
    transform: none !important;
}

/* --------------------------------------------------------------------------
   MASAÜSTÜ: görsel, kartın sadece tanımlayıcı thumbnail alanı olsun
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    /* Liste kartı: yatay küçük kapak */
    body .hm-account-wrap .hm-account-main .hm-account-list-card {
        display: grid !important;
        grid-template-columns: 176px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-list-image-link {
        width: 176px !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
    }

    /* Seçenek/oy kartı: küçük kare görsel */
    body .hm-account-wrap .hm-account-main .hm-account-selection-card {
        display: grid !important;
        grid-template-columns: 132px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-selection-image-link {
        width: 132px !important;
        height: 132px !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Favori seçenek kartı da aynı kare modülü kullanır. */
    body .hm-account-wrap .hm-account-main .ef-saved-item-card {
        display: grid !important;
        grid-template-columns: 132px minmax(0, 1fr) !important;
        align-items: start !important;
    }

    body .hm-account-wrap .hm-account-main .ef-saved-item-image {
        width: 132px !important;
        height: 132px !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
    }
}

/* --------------------------------------------------------------------------
   MOBİL: aynı iki modül, daha küçük thumbnail ölçüsü
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
    /* Liste kartları: yatay thumbnail */
    body .hm-account-wrap .hm-account-main .hm-account-list-card {
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        align-items: start !important;
        min-height: 0 !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-list-image-link {
        width: 112px !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
        border-radius: 0 !important;
    }

    /* Oy/seçenek kartları: kare thumbnail */
    body .hm-account-wrap .hm-account-main .hm-account-selection-card {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        align-items: start !important;
        min-height: 0 !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-selection-image-link {
        width: 92px !important;
        height: 92px !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 0 !important;
    }

    /* Favori seçenekler: aynı kare thumbnail */
    body .hm-account-wrap .hm-account-main .ef-saved-item-card {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        align-items: start !important;
        min-height: 0 !important;
    }

    body .hm-account-wrap .hm-account-main .ef-saved-item-image {
        width: 92px !important;
        height: 92px !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   KART AKIŞI: thumbnail sadece üst bilgi alanında kalsın; alt kontroller tam genişlik
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
    body .hm-account-wrap .hm-account-main .hm-account-list-card,
    body .hm-account-wrap .hm-account-main .hm-account-selection-card,
    body .hm-account-wrap .hm-account-main .ef-saved-item-card {
        display: block !important;
        overflow: hidden !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-list-image-link {
        float: left !important;
        width: 112px !important;
        margin: 0 12px 8px 0 !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-selection-image-link,
    body .hm-account-wrap .hm-account-main .ef-saved-item-image {
        float: left !important;
        width: 92px !important;
        height: 92px !important;
        margin: 0 12px 8px 0 !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-list-body,
    body .hm-account-wrap .hm-account-main .hm-account-selection-body,
    body .hm-account-wrap .hm-account-main .ef-saved-item-body {
        display: block !important;
        min-width: 0 !important;
        width: auto !important;
    }

    body .hm-account-wrap .hm-account-main .hm-follow-notification-settings,
    body .hm-account-wrap .hm-account-main .hm-account-card-actions,
    body .hm-account-wrap .hm-account-main .ef-saved-item-footer {
        clear: both !important;
        width: 100% !important;
    }

    body .hm-account-wrap .hm-account-main .hm-follow-notification-settings {
        margin-top: 10px !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-card-actions {
        margin-top: 8px !important;
    }

    body .hm-account-wrap .hm-account-main .hm-account-list-body::after,
    body .hm-account-wrap .hm-account-main .hm-account-selection-body::after,
    body .hm-account-wrap .hm-account-main .ef-saved-item-body::after {
        content: "";
        display: table;
        clear: both;
    }
}

/* Profil fotoğrafı, avatar, ikon ve rozetler bu standardın dışında tutulur. */