/**
 * CSS for ProdCat module
 */

/* Product catalog table styling */
.mod-prodcat .tagtable td {
    vertical-align: middle;
}

.mod-prodcat .tagtable img {
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
}

.mod-prodcat .tdoverflowmax200 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mod-prodcat .tdoverflowmax300 {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Export button styling */
.mod-prodcat .tabsAction .butAction {
    margin: 5px;
}

/* Photo column */
.mod-prodcat td.photo-cell {
    width: 80px;
    text-align: center;
}

.mod-prodcat .product-thumbnail {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px;
    background: #fff;
}

/* Status badges */
.mod-prodcat .badge-status {
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 11px;
}

.mod-prodcat .badge-status.onsell {
    background-color: #28a745;
    color: white;
}

.mod-prodcat .badge-status.notsell {
    background-color: #dc3545;
    color: white;
}

/* Search form */
.mod-prodcat .liste_titre_filter input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .mod-prodcat .tdoverflowmax200,
    .mod-prodcat .tdoverflowmax300 {
        max-width: 150px;
    }
}