/**
 * Custom My Account Menu Icons
 * 
 * This file adds custom icons for the My Account menu items
 * using Simple Line Icons font family that's already loaded by OceanWP
 */

/* Custom icons for new menu items */

/* Saved Projects Icon - using folder icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--saved-projects a:before {
    content: "\e089"; /* folder icon */
}

/* Wishlist Icon - using heart icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:before {
    content: "\e08a"; /* star icon - better for wishlist */
}

/* Tax Exemption Info Icon - using wallet icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--tax-exemption-info a:before {
    content: "\e02a"; /* wallet icon */
}

/* Ensure all icons have consistent styling */
.woocommerce-MyAccount-navigation ul li a:before {
    display: inline-block;
    font-family: "simple-line-icons";
    font-size: inherit;
    text-rendering: auto;
    color: #13aff0;
    line-height: 22px;
    margin-left: 8px;
    width: 20px;
    text-align: right;
    opacity: 0.45;
    transition: opacity 0.3s ease;
}

/* Icon hover effect */
.woocommerce-MyAccount-navigation ul li a:hover:before,
.woocommerce-MyAccount-navigation ul li.is-active a:before {
    opacity: 1;
}