/* Custom utility to hide elements */
.hidden { 
    display: none; 
}

/* Mencegah scroll pada body saat modal terbuka */
.modal-open {
    overflow: hidden;
}

/* Style untuk kartu mobil agar menarik */
.car-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.car-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}


/* Styles for printing the invoice */
@media print {
    /* Hide everything by default when printing */
    body * { 
        visibility: hidden; 
    }
    
    /* Hide the navbar and invoice action buttons */
    nav, #printInvoiceBtn, #backToHomeFromInvoiceBtn, #carDetailModal { 
        display: none; 
    }
    
    /* Make only the invoice view and its children visible */
    #invoiceView, #invoiceView * { 
        visibility: visible; 
    }
    
    /* Position the invoice at the top-left of the page */
    #invoiceView {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        box-shadow: none;
        border: none;
    }

    /* Remove card styling from the invoice container for a flat look */
    #invoiceView .bg-white {
        box-shadow: none;
        border-radius: 0;
    }
}