/* ===== MOTOR CARD MOBILE FIX - TOMBOL LIHAT PROMO ===== */

/* Pastikan tombol "Lihat Promo" selalu terlihat di mobile */
@media (max-width: 768px) {
    /* Fix untuk container tombol */
    .motor-card .p-3 {
        padding: 20px 15px !important;
        min-height: 70px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Fix untuk form container */
    .motor-card .p-3 form {
        width: 100% !important;
        display: block !important;
    }
    
    /* Fix untuk tombol "Lihat Promo" */
    .motor-card .btn-compare {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 12px 20px !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        background: #000000 !important;
        border: 2px solid #000000 !important;
        color: white !important;
        border-radius: 50px !important;
        text-align: center !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    /* Hover effect untuk mobile */
    .motor-card .btn-compare:hover,
    .motor-card .btn-compare:focus,
    .motor-card .btn-compare:active {
        background: linear-gradient(45deg, #dc3545, #e74c3c) !important;
        border-color: #dc3545 !important;
        color: white !important;
        transform: none !important;
        box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3) !important;
    }
}

@media (max-width: 576px) {
    /* Extra small mobile - pastikan tombol tetap terlihat */
    .motor-card .p-3 {
        padding: 15px 12px !important;
        min-height: 65px !important;
    }
    
    .motor-card .btn-compare {
        min-height: 38px !important;
        padding: 10px 16px !important;
        font-size: 0.85rem !important;
    }
}

/* Fix untuk motor-terbaru-grid-box khusus */
.motor-terbaru-grid-box .motor-card .p-3 {
    padding: 20px 15px !important;
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.motor-terbaru-grid-box .motor-card .btn-compare {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 12px 20px !important;
    font-size: 0.9rem !important;
    background: #000000 !important;
    border: 2px solid #000000 !important;
    color: white !important;
    border-radius: 50px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Override any conflicting styles */
@media (max-width: 768px) {
    .motor-terbaru-grid-box .motor-card .p-3 {
        padding: 20px 15px !important;
    }
}

@media (max-width: 576px) {
    .motor-terbaru-grid-box .motor-card .p-3 {
        padding: 15px 12px !important;
    }
}