/* Override primary button */
.btn-primary {
    background-color: #000 !important; /* your black */
    border-color: #000 !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

/*Admin panel*/
.bg-gradient-primary {
    background-color: #000000;
    background-image: linear-gradient(180deg, #222222 0%, #000000 100%);
    background-size: cover;
}
.bg-primary {
    background-color: #000000 !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

/*User module */
.dataTables_filter {
    display: none;
}

.dataTables_wrapper {
    padding-bottom: 20px;
}

/*Product Module - Start*/
/* Product-color-block */
/* Default: desktop/tablet (no scroll) */
.sizes-wrapper {
    overflow-x: visible;
}

/* On small devices only */
@media (max-width: 767.98px) {
    .sizes-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* smooth scroll */
    }

    .sizes-container {
        min-width: 600px; /* triggers scroll horizontally */
    }
}

/* Optional: make header clearer */
.sizes-container .fw-bold {
    background-color: #f8f9fa;
    padding: 6px 4px;
    border-radius: 6px;
}

/*Product Module - End*/

/*Order Module - Start*/
.product-block {
    background: #f9f9f9;
    border: 1px solid #ddd;
}
.product-block label {
    font-weight: 600;
}

.product-block[data-existing="1"].approved {
    background: #eafbea;
    border-color: #a3d9a5;
}
.product-block.cancelled {
    background: #fff5f5;
    border-color: #dc3545;
}

.product-block.error-highlight {
    border: 2px solid #dc3545; /* red border */
    background-color: #fff5f5;
    transition: 0.3s;
}

.border-danger {
    border-color: #dc3545 !important;
}
.product-block .op-status-badge{
    top:5px;
    right:5px;
}


/*Order Module - End*/

.dataTables_length{
    padding-top:5px;
}


/*Sampling module - Start*/
.sampling-table-scroll {
    overflow-x: auto;
    white-space: nowrap;
}

.sampling-wrapper table th,
.sampling-wrapper table td {
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

.sampling-wrapper::-webkit-scrollbar {
    height: 8px;
}

.sampling-wrapper::-webkit-scrollbar-thumb {
    background: #b3b3b3;
    border-radius: 4px;
}

.sampling-table-wrapper {
    overflow-x: auto; /* horizontal scroll */
}

.table th,
.table td {
    white-space: nowrap;
}

/* Sticky columns */
.sticky-col {
    position: sticky;
    left: 0;
    background: #fff; /* same as table background */
    z-index: 2;
}

/* Second sticky column (Total Inventory) */
.sticky-col + .sticky-col {
    left: 120px; /* width of first column */
}

.sampling-table-wrapper {
    overflow-x: auto;       /* horizontal scroll enabled */
    overflow-y: hidden;     /* hide vertical scroll */
    scrollbar-width: thin;  /* Firefox */
    scrollbar-color: transparent transparent; /* Firefox hidden by default */
    transition: all 0.3s;
}

/* Show scrollbar on hover */
.sampling-table-wrapper:hover {
    scrollbar-color: #888 #f1f1f1; /* track and thumb colors */
}

/* Webkit browsers (Chrome, Edge, Safari) */
.sampling-table-wrapper::-webkit-scrollbar {
    height: 8px; /* scrollbar height */
    background: transparent;
}

.sampling-table-wrapper:hover::-webkit-scrollbar {
    background: #f1f1f1;
}

.sampling-table-wrapper::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px;
}

.sampling-table-wrapper:hover::-webkit-scrollbar-thumb {
    background: #888;
}
.sampling-table-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}



/*Sampling module - End*/
/* Default Pagination - Start*/
.pagination {
    margin: 0;
    font-size: 0.9rem; /* smaller font */
}

.pagination li a,
.pagination li span {
    padding: 0.3rem 0.6rem; /* smaller buttons */
}

.pagination li.active span {
    background-color: #007bff; /* Bootstrap primary */
    color: #fff;
}
/*Default Pagination - End*/

.cursor-pointer{
    cursor: pointer;
}