/* FORCE DESKTOP VIEW ON MOBILE
   Tujuan: saat dibuka lewat HP, tampilan tetap seperti desktop.
   Upload ke: public_html/assets/css/force-desktop.css
*/

html,
body{
    min-width:1400px !important;
    overflow-x:auto !important;
}

/* Layout umum */
.container,
.site-header,
.hero,
.section,
.footer{
    min-width:1400px !important;
}

/* Dashboard admin/member */
.admin-shell,
.member-shell{
    min-width:1400px !important;
    display:grid !important;
    grid-template-columns:292px minmax(0,1fr) !important;
}

.admin-sidebar,
.member-sidebar{
    position:sticky !important;
    top:0 !important;
    height:100vh !important;
}

.admin-content,
.member-content{
    min-width:0 !important;
}

/* Grid tetap desktop */
.admin-grid,
.member-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.admin-grid-2,
.member-grid-2,
.form-row,
.stat-row,
.spin-layout{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* Tabel tetap lebar desktop */
.admin-table,
.member-table{
    min-width:1200px !important;
}

/* Wheel lucky spin tetap ukuran desktop */
.wheel-wrap{
    width:420px !important;
    height:420px !important;
}

/* Matikan responsive mobile dari CSS lama */
@media(max-width:1100px){
    .admin-shell,
    .member-shell{
        grid-template-columns:292px minmax(0,1fr) !important;
    }

    .admin-sidebar,
    .member-sidebar{
        position:sticky !important;
        height:100vh !important;
    }

    .admin-grid,
    .member-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }

    .admin-grid-2,
    .member-grid-2,
    .form-row,
    .stat-row,
    .spin-layout{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:700px){
    .admin-content,
    .member-content{
        padding:28px !important;
    }

    .admin-topbar,
    .member-topbar{
        padding:24px !important;
    }

    .admin-topbar h1,
    .member-topbar h1{
        font-size:32px !important;
    }

    .wheel-wrap{
        width:420px !important;
        height:420px !important;
    }

    .reward-label{
        font-size:12px !important;
    }
}