/* Tables CSS file - Contains all table-related styles */

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

table, th, td {
    border: 1px solid #ddd;
}

th, td {
    padding: 12px;
    text-align: left;
}

th {
    background-color: var(--light-color);
    color: var(--dark-color);
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

/* Price list table specific styles */
.price-list-table {
    width: 100%;
    margin-top: 15px;
}

.price-list-table th, 
.price-list-table td {
    padding: 10px;
    text-align: left;
}

.price-list-table td button {
    margin: 0 5px;
}

/* Action buttons in tables */
.delete-product {
    background-color: #ff4444;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.edit-product {
    background-color: #4CAF50;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

/* Add this to your CSS file */
td.action-cell button {
  display: inline-block; /* Make buttons sit side-by-side */
  margin-right: 5px; /* Add a little space between buttons */
}

/* Optional: Adjust if using small-button class specifically */
td.action-cell button.small-button {
   margin-bottom: 0; /* Remove any bottom margin if present */
}