/* Active Shopping Carts */
.table-carts-container {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    font-size: 90%;
}
.table-carts-header, .table-carts-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.table-carts-header {
    background-color: #035c67;
    color: white;
}
.table-carts-row:nth-child(even) {
    background-color: #f9f9f9;
}
.table-carts-cell {
    display: table-cell;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

/* Alineaciones individuales por columna */
.carts-col-codigo { text-align: right; width: 5%;}
.carts-col-fecha { text-align: right; width: 7%; }
.carts-col-hora { text-align: right; width: 5%; }
.carts-col-nombre { text-align: center; width: 29%;}
.carts-col-estado { text-align: center; width: 8%; }
.carts-col-lineas { text-align: right; width: 7%; }
.carts-col-unidades { text-align: right; width: 7%; }
.carts-col-total { text-align: right; width: 10%; }
.carts-col-accion { text-align: center;  width: 22%;}

.table-carts-cell .label {
    font-size: 90%;
}

.table-carts-cell .label.label-warning {
    color:#484242;
}

.table-carts-cell .label.label-danger {
    color:#FFFFFF;
}

/* Botón para recuperar carrito */
.btn-carts-recuperar {
    background-color: #0088cc;
    color: white;
    border: none;
    padding: 4px 8px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 0.9em;
    font-weight: 600;
}
.btn-carts-recuperar:hover {
    background-color: #0056b3;
}

/* Botón para recuperar carrito */
.btn-carts-descartar {
    background-color: #e00f44;
    color: white;
    border: none;
    padding: 4px 8px;
    margin-left:5px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 0.9em;
    font-weight: 600;
}
.btn-carts-descartar:hover {
    background-color: #520101;
}

/* Estilos para móviles - Mostrar como tarjetas */
@media screen and (max-width: 768px) {
    .table-carts-container {
        display: block;
        border: 0px;
        overflow: visible;
    }
    .table-carts-header {
        display: none;
    }
    .table-carts-row {
        display: block;
        background: #f9f9f9;
        margin: 10px 0;
        padding: 15px;
        border-radius: 5px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    }
    .table-carts-cell {
        display: block;
        text-align: left;
        padding: 5px 0;
        border-bottom: none;
    }
    .table-carts-cell::before {
        content: attr(data-label);
        font-weight: bold;
        display: inline-block;
        width: 80px;
    }
    .carts-col-accion {
        text-align: center;
    }

    /* Alineaciones individuales por columna */
    .carts-col-codigo { width: 100%; }
    .carts-col-fecha { width: 100%; }
    .carts-col-hora { width: 100%; }
    .carts-col-nombre { width: 100%; }
    .carts-col-estado { width: 100%; }
    .carts-col-lineas { width: 100%; }
    .carts-col-unidades { width: 100%; }
    .carts-col-total { width: 100%; }
    .carts-col-accion { width: 100%; text-align: left;}
}