#plm-csv-upload-container {
    margin-bottom: 20px;
}

#plm-csv-upload-container input[type="file"] {
    margin-right: 10px;
}

#plm-csv-upload-progress {
    margin-top: 10px;
}

#plm-csv-upload-progress progress {
    width: 100%;
}

#plm-csv-upload-status {
    display: block;
    margin-top: 5px;
    font-style: italic;
}

#plm-price-list-container {
    margin-top: 20px;
    overflow-x: auto; /* Add horizontal scrolling for small screens */
}

#plm-price-list-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#plm-price-list-table th,
#plm-price-list-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#plm-price-list-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

#plm-price-list-table input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}
#add-row, #save-changes {
    margin-right: 10px;
    margin-bottom: 10px;
}

.delete-row {
    color: #a00;
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px 10px;
}

.delete-row:hover {
    color: #dc3232;
    text-decoration: underline;
}

/* Hide description on price list page */
.price-list-page .entry-content p,
.price-list-page .post-content p,
.price-list-page .entry-summary {
    display: none;
}

/* Ensure the price list table is still visible */
.price-list-page #plm-price-list-table {
    display: table;
}

/* Responsive design for small screens */
@media screen and (max-width: 600px) {
    #plm-price-list-table {
        font-size: 14px;
    }

    #plm-price-list-table th,
    #plm-price-list-table td {
        padding: 5px;
    }

    #add-row, #save-changes {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}

.plm-dimensions {
    margin: 20px 0;
    clear: both;
}

.plm-dimensions p {
    margin-bottom: 10px;
}

.plm-dimensions label {
    display: block;
    margin-bottom: 5px;
}

.plm-dimensions input[type="number"] {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.plm-dimensions input[type="number"]:focus {
    outline: none;
    border-color: #007bff;
}

.error-highlight {
    border: 2px solid red !important;
    background-color: #ffeeee !important;
}