/* =========================================================
   LAYOUT DESKTOP V10.2
   - Thu gọn nhẹ chiều ngang khung
   - Giảm khoảng cách giữa 3 cột
   - Giữ nguyên kích thước các button
   - Chỉ áp dụng desktop >= 992px
   ========================================================= */

@media (min-width: 992px) {

    /* Khung thu nhẹ từ 760px -> 730px */
    .wrap-login .content {
        width: 730px !important;
        max-width: 730px !important;
        aspect-ratio: 994 / 333 !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 22px 18px !important;
        box-sizing: border-box !important;

        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /*
       Giữ nguyên 3 cột:
       180 + 170 + 180 = 530px

       Gap mới:
       32 + 32 = 64px

       Tổng cụm = 594px

       Vùng trong khung:
       730 - 36 padding = 694px
       Dư 100px => 50px mỗi bên.
    */
    .wrap-login .content > .row.my-3 {
        width: 594px !important;
        max-width: 594px !important;
        min-height: 185px !important;

        display: grid !important;
        grid-template-columns: 180px 170px 180px !important;
        column-gap: 32px !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;
        padding: 0 !important;

        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }

    /* Giữ nguyên kích thước và căn giữa từng cột */
    .wrap-login .content > .row.my-3 > .col-md-5,
    .wrap-login .content > .row.my-3 > .col-md-3,
    .wrap-login .content > .row.my-3 > .col-md-4 {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        height: 185px !important;
        min-height: 185px !important;

        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Nạp thẻ */
    .wrap-login .content > .row.my-3 > .col-md-5 > a.link {
        width: 180px !important;
        max-width: 180px !important;
    }

    /* Tải game */
    .wrap-login .content > .row.my-3 > .col-md-3 > .btn_download,
    .wrap-login .content > .row.my-3 > .col-md-3 > .btn_download > a.link {
        width: 170px !important;
        max-width: 170px !important;
    }

    /* Đăng ký / Đăng nhập / Hướng dẫn */
    .wrap-login .content > .row.my-3 > .col-md-4 > .d-flex,
    .wrap-login .content > .row.my-3 > .col-md-4 > .d-flex > div,
    .wrap-login .content > .row.my-3 > .col-md-4 .btn-login {
        width: 180px !important;
        max-width: 180px !important;
    }
}