/* =========================================
   1. HOMEPAGE SITE FEATURES ICONS (Dark Blue)
   ========================================= */
.ps-block--site-features .ps-block__item .ps-block__left i,
.ps-block--site-features .ps-block__item .ps-block__left svg {
    color: #1D2F42 !important;
    fill: #1D2F42 !important;
}

/* =========================================
   2. PRODUCT CARD HOVER EFFECTS (Black)
   ========================================= */
/* Product icons (Add to Cart, Quick View, etc.) black when hovered */
.ps-product__actions li a:hover i {
    color: #000000 !important;
}

/* Product title black when you hover over it */
.ps-product__title:hover {
    color: #000000 !important;
}

/* =========================================
   3. MENU LINKS HOVER TEXT (Black)
   ========================================= */
/* Only changes the text color of menu links to black when hovered */
.menu--dropdown li a:hover,
.ps-menu--dropdown li a:hover,
.ps-navigation .menu > li > a:hover,
.mega-menu__list li a:hover,
.ps-dropdown-menu li a:hover {
    color: #000000 !important;
}