/* Fix for BeReal stroke-only icon */
.niftybutton-ber,
svg.niftybutton-ber {
    fill: none !important;
    stroke: currentColor !important;
}

.niftybutton-ber path,
svg.niftybutton-ber path {
    fill: none !important;
    stroke: currentColor !important;
}

/* Ensure BeReal icon is never filled */
.icon-preview .niftybutton-ber,
.icon-item .niftybutton-ber,
.preview-icon .niftybutton-ber {
    fill: none !important;
    stroke: currentColor !important;
}

.icon-preview .niftybutton-ber path,
.icon-item .niftybutton-ber path,
.preview-icon .niftybutton-ber path {
    fill: none !important;
    stroke: currentColor !important;
}

/* Fix for Viber multicolor icon - force currentColor */
.niftybutton-vib,
svg.niftybutton-vib,
.icon-preview .niftybutton-vib,
.icon-item .niftybutton-vib,
.preview-icon .niftybutton-vib {
    fill: currentColor !important;
}

.niftybutton-vib path,
svg.niftybutton-vib path,
.icon-preview .niftybutton-vib path,
.icon-item .niftybutton-vib path,
.preview-icon .niftybutton-vib path {
    fill: currentColor !important;
}

/* More specific overrides for Viber paths with hardcoded colors */
.niftybutton-vib path[fill="#fff"],
.niftybutton-vib path[fill="#7e57c2"] {
    fill: currentColor !important;
}