.elementor-10 .elementor-element.elementor-element-ccd11d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c96369d{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-ccd11d8{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-3d2ff2e *//* 1. Remove Borders and Backgrounds */
.woocommerce-MyAccount-navigation ul {
    border: none !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    border: none !important;
    position: relative;
    padding: 15px 0 15px 45px !important; /* Increased spacing for cleaner look */
    line-height: 1.2;
}

/* 2. Fix Text Colors and Remove Underlines */
.woocommerce-MyAccount-navigation ul li a {
    color: #444 !important;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: #ff6600 !important; /* Your brand orange */
}

/* 3. Add the Icons (Including Downloads) */
.woocommerce-MyAccount-navigation ul li a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #666;
}

/* Specific Icons Mapping */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f015"; } /* Dashboard */
.woocommerce-MyAccount-navigation-link--orders a::before { content: "\f291"; }    /* Orders */
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f019"; } /* Downloads - ADDED THIS */
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3c5"; } /* Addresses */
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f007"; } /* Account Profile */
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f2f5"; } /* Logout */

/* 4. The "Fabrilife" Active State Highlight */
.woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #f3f3f3 !important;
    border-radius: 8px;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #ff6600 !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a::before {
    color: #ff6600 !important;
}/* End custom CSS */