/* Estilos personalizados */

#product-table td {
    vertical-align: middle;
}

.product-image {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 0.25rem; /* Optional: to match Bootstrap's rounded class */
}

.description-cell {
    max-width: 300px; /* Adjust as needed */
    white-space: normal !important; /* Override DataTables nowrap */
    word-wrap: break-word;
}

.details-cell {
    font-size: 0.9em;
    line-height: 1.4;
}

.cart-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

#scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px;
    border-radius: 50%;
    background-color: rgba(200, 200, 200, 0.5);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

#scroll-to-top:hover {
    background-color: rgba(200, 200, 200, 0.8);
}