/* Heart icon inside toolbar search/favourite button */
.toolbar-icon--heart {
    width: 24px;   /* Match the ViewBox size (24px) */
    height: 24px;
    display: block;

    /* FIX 1: Make it GREY by default, not white.
       Uses Telegram's hint color if available, otherwise grey. */
    fill: #9e9e9e;

    transition: fill 200ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 200ms;
}

/* Ensure the inner path inherits the fill color from the SVG */
.toolbar-icon--heart path {
    fill: inherit;
}

/* Base favourite button state */
.toolbar-btn--favorite {
    position: relative;
    display: flex;       /* Ensure icon is centered */
    align-items: center;
    justify-content: center;
}

/* Active "in favourites" state */
.toolbar-btn--favorite-active .toolbar-icon--heart {
    /* FIX 2: Force the red color when active */
    fill: #ff4d6a !important;
    transform: scale(1.1);
}

/* Optional hover effect (Desktop) */
@media (hover: hover) {
    .toolbar-btn--favorite:hover .toolbar-icon--heart {
        transform: scale(1.1);
    }
}