/*
 * MDP Motors Connector 0.8.1
 * Preserve images/icons in Motors Image Categories when "Show all" is open.
 *
 * Motors' own app.js applies inline display:none to .image on expansion.
 * !important is deliberate here so our marketplace keeps the same visual
 * presentation for the expanded grid.
 */
.stm_icon_filter_unit .stm_listing_icon_filter.active .stm_listing_icon_filter_single .inner .image {
    display: block !important;
    visibility: visible !important;
    opacity: 0.9;
    min-height: 62px;
    line-height: 62px;
}

.stm_icon_filter_unit .stm_listing_icon_filter.active .stm_listing_icon_filter_single .inner {
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px;
}

.stm_icon_filter_unit .stm_listing_icon_filter.active .stm_listing_icon_filter_single .inner .name {
    text-align: center !important;
    margin-top: 5px;
}

.stm_icon_filter_unit .stm_listing_icon_filter.active .stm_listing_icon_filter_single {
    margin-bottom: 32px;
}

/* Keep term-count text visually part of the existing linked label. */
.stm_listing_icon_filter .stm_listing_icon_filter_single .name .mdp-term-count {
    white-space: nowrap;
}


/* 0.8.3: images injected from Motors term stm_image metadata. */
.stm_listing_icon_filter .stm_listing_icon_filter_single .image .mdp-term-image {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 58px;
    object-fit: contain;
    vertical-align: middle;
}

.stm_listing_icon_filter .stm_listing_icon_filter_single .mdp-injected-term-image {
    text-align: center;
}