/* Structural Layout Blocks */
.cww-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

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

.cww-table th, .cww-table td { 
    padding: 15px; 
    text-align: left; 
    vertical-align: middle;
    border-bottom: 1px solid #eee;
}

/* Image Thumbnail Grid Settings */
.cww-prod-img {
    max-width: 80px;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Layout Cell Scaling Widths */
.cww-th-thumb, .cww-td-thumb { width: 100px; }
.cww-th-product, .cww-td-product { width: auto; }
.cww-th-price, .cww-td-price { width: 150px; }
.cww-th-action, .cww-td-action { width: 150px; }

/* The Action Button Blueprint - Strip Defaults */
.cww-table .cww-remove-item {
    padding: 8px 16px;
    border: none;
    cursor: pointer;
    border-radius: 0px; /* Minimalist clean edge */
    text-align: center;
    display: inline-block;
    transition: all 0.25s ease-in-out;
}

/* Empty Status Wrap */
.cww-empty-msg {
    padding: 20px;
    background-color: #fdfdfd;
    border-left: 2px solid #111;
}