/* ===== APP / MOBILE OPTIMIZATION ===== */
@media (max-width: 768px) {
    /* Hanya nonaktifkan seleksi di elemen interaktif */
    .btn, .nav-item, .card, .navbar, .tab-bar, .bottom-nav {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* Hapus tap highlight yang mengganggu */
    * {
        -webkit-tap-highlight-color: transparent;
    }

    /* Kembalikan seleksi untuk semua konten teks */
    p, h1, h2, h3, h4, h5, h6, span, div, li, td, th, label, pre, code, blockquote {
        -webkit-user-select: text;
        user-select: text;
    }

    /* Sembunyikan scrollbar tapi tetap bisa scroll */
    ::-webkit-scrollbar {
        width: 0px;
        background: transparent;
    }

    /* Tombol lebih mudah ditekan */
    .btn, .nav-item, .card {
        cursor: pointer;
        transition: transform 0.1s;
    }
    
    .btn:active, .card:active {
        transform: scale(0.98);
    }
}

/* ===== CEGAH ZOOM PADA INPUT (MOBILE) ===== */
@media (max-width: 768px) {
    /* Cegah double-tap zoom hanya pada input/button */
    input, textarea, select, .ai-input, .send-btn {
        touch-action: manipulation;
    }

    /* Font size min 16px cegah iOS auto-zoom saat focus */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    textarea,
    .ai-input {
        font-size: max(16px, 1em) !important;
    }

    /* Cegah text resize on orientation change */
    * {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
}