/* MAJARA_CATEGORY_ICON_HOVER_FIX_V2 */

/*
 * The category-specific colors were overriding Font Awesome icon color.
 * On hover and keyboard focus, every icon glyph becomes white.
 */

.category-list .category-card:hover .category-card__icon,
.category-list .category-card:focus-visible .category-card__icon {
    border-color: var(--mj-brand-primary) !important;
    background: var(--mj-brand-primary) !important;
    color: #fff !important;
}

.category-list .category-card:hover .category-card__icon i,
.category-list .category-card:hover .category-card__icon i::before,
.category-list .category-card:focus-visible .category-card__icon i,
.category-list .category-card:focus-visible .category-card__icon i::before {
    color: #fff !important;
    opacity: 1 !important;
}

.category-list .category-card:hover .category-card__icon svg,
.category-list .category-card:focus-visible .category-card__icon svg {
    color: #fff !important;
    fill: #fff !important;
}

.category-list .category-card:hover .category-card__icon svg * ,
.category-list .category-card:focus-visible .category-card__icon svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
}