/* ===== MOTOR CARD CLICKABLE FIX ===== */
/* Membuat hanya tombol "Lihat Promo" yang bisa diklik, bagian lain card tidak bisa diklik */

/* Nonaktifkan pointer events untuk seluruh card motor */
.motor-card {
    pointer-events: none !important;
    cursor: default !important;
}

/* Nonaktifkan pointer events untuk semua elemen di dalam card */
.motor-card * {
    pointer-events: none !important;
    cursor: default !important;
}

/* Aktifkan pointer events hanya untuk tombol "Lihat Promo" */
.motor-card .btn-compare,
.motor-card button.btn-compare,
.motor-card form button[type="button"].btn-compare,
.motor-card form button.btn-compare {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Pastikan form container juga non-clickable kecuali tombol */
.motor-card form {
    pointer-events: none !important;
}

/* Pastikan tombol bisa diklik - override pointer-events dari parent */
.motor-card form button.btn-compare {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Nonaktifkan hover effects pada gambar dan bagian lain */
.motor-card .motor-image-container,
.motor-card .motor-image-container *,
.motor-card .card-body,
.motor-card .card-title,
.motor-card .otr-section,
.motor-card .motor-name-section,
.motor-card .row.g-0,
.motor-card .row.g-0 * {
    pointer-events: none !important;
    cursor: default !important;
}

/* Pastikan badge tidak bisa diklik */
.motor-card .badge {
    pointer-events: none !important;
    cursor: default !important;
}

/* Hapus hover effect yang membuat card terlihat clickable */
.motor-card:hover {
    transform: none !important;
}

.motor-card .motor-image-container:hover {
    background: #f8f9fa !important;
    transform: none !important;
}

/* Pastikan tidak ada link di dalam card yang bisa diklik */
.motor-card a {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

/* Khusus untuk halaman motor terbaru */
.motor-terbaru-grid-box .motor-card {
    pointer-events: none !important;
}

.motor-terbaru-grid-box .motor-card * {
    pointer-events: none !important;
}

.motor-terbaru-grid-box .motor-card .btn-compare,
.motor-terbaru-grid-box .motor-card button.btn-compare {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Pastikan form di motor terbaru tidak clickable kecuali tombol */
.motor-terbaru-grid-box .motor-card form {
    pointer-events: none !important;
}

.motor-terbaru-grid-box .motor-card form button.btn-compare {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Nonaktifkan form submit di gambar (jika ada) */
.motor-card .motor-image-container form,
.motor-card .motor-image-container form button {
    pointer-events: none !important;
    cursor: default !important;
}

.motor-terbaru-grid-box .motor-card .motor-image-container form,
.motor-terbaru-grid-box .motor-card .motor-image-container form button {
    pointer-events: none !important;
    cursor: default !important;
}

/* Pastikan gambar tidak bisa diklik */
.motor-card .motor-image-container img {
    pointer-events: none !important;
    cursor: default !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .motor-card {
        pointer-events: none !important;
    }
    
    .motor-card * {
        pointer-events: none !important;
    }
    
    .motor-card .btn-compare,
    .motor-card button.btn-compare {
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 10 !important;
    }
}