/* Breadcrumb Links, Active Item, Title, and Category Intro */
#mm-2 > div.app.d-flex.flex-column.visible > main > section > nav > div > ol > li:nth-child(1),
#mm-2 > div.app.d-flex.flex-column.visible > main > section > nav > div > ol > li:nth-child(1) *,
#mm-2 > div.app.d-flex.flex-column.visible > main > section > nav > div > ol > li.breadcrumb-item.active,
#mm-2 > div.app.d-flex.flex-column.visible > main > section > nav > div > ol > li.breadcrumb-item.active *,
#breadcrumb > li:nth-child(1) > a,
#mm-2 > div.app.d-flex.flex-column.visible > main > section.breadcrumb-section,
#mm-2 > div.app.d-flex.flex-column.visible > main > section.breadcrumb-section *,
#mm-2 > div.app.d-flex.flex-column.visible > main > div.breadcrumb-subtitle > section > div > div > div > h1,
#mm-2 > div.app.d-flex.flex-column.visible > main > div.breadcrumb-subtitle > section > div > div > div > h1 *,
#mm-2 > div.app.d-flex.flex-column.visible > main > section.category-page-intro > div > div > section > div > div,
#mm-2 > div.app.d-flex.flex-column.visible > main > section.category-page-intro > div > div > section > div > div *,

/* Product Results Count */
#products-page-content > div:nth-child(1) > div.tp-shop-top > div.tp-shop-top-left > div.tp-shop-top-result > p,
#products-page-content > div:nth-child(1) > div.tp-shop-top > div.tp-shop-top-left > div.tp-shop-top-result > p *,

/* Sort Dropdown/Text */
#products-list-sort,
#products-list-sort * {
    color: #ffffff !important;
}

/* Default/Desktop styling (Flex with no wrap) */
#mm-2 > div.app.d-flex.flex-column.visible > main > div > section.tp-feature-area.s-block.tp-feature-area--layout-vertical.tp-feature-area--align-center.tp-feature-area--cols-desktop-4.tp-feature-area--cols-mobile-2.tp-feature-area--icon-default > div > div > div.tp-feature-items.tp-feature-items--grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}

/* Mobile styling (Flex direction column) */
@media (max-width: 768px) {
    #mm-2 > div.app.d-flex.flex-column.visible > main > div > section.tp-feature-area.s-block.tp-feature-area--layout-vertical.tp-feature-area--align-center.tp-feature-area--cols-desktop-4.tp-feature-area--cols-mobile-2.tp-feature-area--icon-default > div > div > div.tp-feature-items.tp-feature-items--grid {
        flex-direction: column !important;
        flex-wrap: nowrap !important; 
    }
}


#mm-2 > div.app.d-flex.flex-column.visible > main > section > div > div.blog-text.mt-3.mb-5,
#mm-2 > div.app.d-flex.flex-column.visible > main > section > div > div.blog-text.mt-3.mb-5 * {
    color: white !important;
}