/* Active state for wishlist and compare buttons */
.favourite-btn.active,
.compare-btn.active {
    background-color: #cd4900 !important;
    color: white !important;
    padding: 8px;
    transition: all 0.3s ease;
}

.favourite-btn.active svg path,
.compare-btn.active svg path {
    fill: white !important;
}

.favourite-btn.active i,
.compare-btn.active i {
    color: white !important;
}

/* For product details page text buttons */
.favourite-btn.active span,
.compare-btn.active span {
    font-weight: bold;
}

/* Hover effect */
.favourite-btn:hover,
.compare-btn:hover {
    opacity: 0.8;
    transition: all 0.3s ease;
}

/* Custom TikTok Icon for FontAwesome 5 compatibility */
.fa-tiktok:before {
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M448 209.91a210.06 210.06 0 0 1-122.77-39.25V349.38A162.55 162.55 0 1 1 185 188.31V278.2a74.62 74.62 0 1 0 52.23 71.18V0l88 0a121.18 121.18 0 0 0 1.86 22.17h0A122.18 122.18 0 0 0 448 142.27z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}