/* Styles for favorite and chart icons */
.favorite-icon-img {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 5px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.favorite-icon-img:hover {
    opacity: 1;
}

.chart-icon-img {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 5px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.chart-icon-img:hover {
    opacity: 1;
}

/* Ensure price container displays icons properly */
.price-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Icons container to group favorite and chart icons */
.icons-container {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Ensure current price has proper margin */
.current-price {
    margin-right: 10px;
}

.chart-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-align: center;
}

/* Table specific styles */
.product-table .favorite-icon-img,
.product-table .chart-icon-img {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

/* Make sure icons are responsive on small screens */
@media (max-width: 768px) {
    .favorite-icon-img,
    .chart-icon-img {
        width: 14px;
        height: 14px;
    }
}