/* Corex - Product Management System Custom Styles */

/* Autocomplete styles */
.autocomplete-results {
    position: absolute;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    width: calc(100% - 50px); /* Match input width minus button */
    display: none;
}

.autocomplete-item {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

.autocomplete-item:last-child {
    border-bottom: none;
}

.autocomplete-item:hover {
    background-color: #f8f9fa;
}

.autocomplete-item.active {
    background-color: #f8f9fa;
}

.autocomplete-item .item-name {
    font-weight: bold;
}

.autocomplete-item .item-barcode {
    color: #dc3545; /* Danger red color */
    font-size: 0.9em;
}

/* Pagination styles to match screenshot */
.pagination .page-item .page-link {
    color: #333;
    border-color: #ddd;
    min-width: 40px;
    text-align: center;
}

.pagination .page-item.active .page-link {
    color: white;
    background-color: #007bff;
    border-color: #007bff;
    z-index: 3;
}

.pagination .page-item:not(.active):hover .page-link {
    background-color: #f8f9fa;
}

/* SweetAlert Toast styles */
.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
    color: white !important;
}

.colored-toast .swal2-title {
    color: white !important;
}

.colored-toast .swal2-html-container {
    color: white !important;
}

/* Custom Toast title styles */
.custom-toast-title {
    font-weight: bold;
}