/* ============================================================
   poles-hp.css — perbaikan keterbacaan & tata letak di layar kecil
   Dimuat PALING AKHIR (sebelum </body>).
   Pakai !important karena index.php penuh aturan !important dan
   style inline 8-9px; deklarasi !important di stylesheet menang
   atas style inline biasa (tanpa !important).
   Dibuat: 05-10-2026
   ============================================================ */

@media (max-width: 1023px) {

    /* --- keterbacaan teks --- */

    /* 1. Nama game di baris gambar berjalan: 9.5px -> 11.5px.
          Terukur: menaikkan ukuran TIDAK menambah jumlah nama terpotong
          (tetap 38% dari 48 kartu, dikunci 2 baris). */
    .gj-nama {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
    }

    /* 2. Keterangan "geser >" di kepala baris game: 10px -> 11px. */
    .gj-geser {
        font-size: 11px !important;
    }

    /* 3. Label "HOT" di menu kategori: 7px -> 10px. */
    .cm-hot {
        font-size: 10px !important;
        padding: 2px 5px !important;
    }

    /* 3b. Teks menu kategori atas: 10px -> 11.5px (terukur: label tetap muat,
           tidak terpotong; hanya badge HOT yang menempel 2px). */
    .cm-txt {
        font-size: 11.5px !important;
    }

    /* 4. Label tombol melayang: 9px -> 11px. */
    .qa-label {
        font-size: 11px !important;
    }

    /* 5. Label blok promosi: 10px -> 11.5px. */
    .w88-promo-label {
        font-size: 11.5px !important;
    }

    /* 6. Tanggal kartu hasil live draw: 11px abu redup -> 12px lebih terang. */
    .pool-date {
        font-size: 12px !important;
        color: #cdd3f5 !important;
    }

    /* 7. Badge RTP/DISC/HOT di kartu provider: 9px + angka 8px -> 11px/10.5px.
          (Hanya anak <div> terakhir = badge; nama provider tidak ikut berubah.) */
    .provider-grid-wrapper a > div:last-child {
        font-size: 11px !important;
    }

    .provider-grid-wrapper a > div:last-child span {
        font-size: 10.5px !important;
    }

    /* 8. Badge "Sukses" di tabel transaksi: 9px -> 11px. */
    .live-transaction-wrapper td span {
        font-size: 11px !important;
    }

    /* --- tata letak --- */

    /* 9. Grid provider dipaksa 4 kolom; di layar HP kartunya jadi ~80px dan
          sesak. Jadi 2 kolom supaya logo + nama + badge punya ruang. */
    .provider-grid-wrapper > div {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}