/* assets/css/style.css */

body {
    padding-top: 70px;
}

input.quantity-input,
input.current-order-quantity {
    max-width: 70px;
}

.product-cell .product-code {
    letter-spacing: 0.05em;
}

.product-cell .product-name {
    font-size: 1rem;
    line-height: 1.2;
}

.product-badges .badge {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.qty-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
}

.qty-control .qty-btn {
    line-height: 1;
    width: 38px;
    height: 38px;
    padding: 0;
    font-size: 1.25rem;
    flex: 0 0 auto;
}

.qty-control input {
    text-align: center;
    flex: 0 0 70px;
}

@media (max-width: 576px) {
    .table .product-cell {
        min-width: 200px;
    }
}

#modalOtherImages img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px;
    margin: 5px;
    cursor: pointer;
}

/* Favourite star */
.fav-toggle { 
    color: inherit !important; 
    text-decoration: none !important; 
    background: transparent; 
    border: 0; 
    padding: 0; 
    line-height: 1; 
    display: inline-flex; 
    align-items: center; 
}
.fav-toggle:hover { text-decoration: none !important; }
.fav-toggle .fav-star { font-size: 1.25rem; color: #6c757d !important; }
.fav-toggle .fav-star.active { color: #ffc107 !important; }

/* Keep buttons within card footer area */
.card .view-details { display: inline-block; }

/* Ensure title action buttons (e.g., favourite) don't expand or look boxed */
.card-title > button {
    background: transparent;
    border: 0;
    padding: 0;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

/* Badge spacing within cards */
.card-body .badge + .badge { margin-left: 4px; }