/* =========================================================
   RECHARGE BUTTON FIX V10.7
   Fix ảnh Nạp thẻ bị cắt do còn bị ép aspect-ratio 314/187
   từ CSS cũ. Ảnh hiện tại được phép dùng đúng tỷ lệ thực tế.
   ========================================================= */

/* Tablet + Desktop: giữ width do layout hiện tại quyết định,
   chỉ bỏ tỷ lệ cưỡng bức và để chiều cao theo ảnh thật. */
@media (min-width: 768px) {
    .wrap-login .content > .row.my-3 > .col-md-5 > a.link,
    .wrap-login .mobile-action-recharge-link {
        aspect-ratio: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .wrap-login .content > .row.my-3 > .col-md-5 > a.link > img,
    .wrap-login .mobile-action-recharge-link > img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
    }
}

/* Desktop: bảo đảm ảnh vuông/cao mới vẫn nằm trọn trong vùng cột */
@media (min-width: 992px) {
    .wrap-login .content > .row.my-3 > .col-md-5 {
        overflow: visible !important;
    }

    .wrap-login .content > .row.my-3 > .col-md-5 > a.link {
        width: 180px !important;
        max-width: 180px !important;
    }
}