/* 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;
}