.elementor-35 .elementor-element.elementor-element-74e56b5{--display:flex;--padding-top:30px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}@media(min-width:769px){.elementor-35 .elementor-element.elementor-element-74e56b5{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-74e56b5 *//* --- A BIG MATTER: MOBILE-FIRST COMPACT OVERRIDE --- */

/* 1. Reset Spacing & Gaps (Front-end Fix) */
.woocommerce-MyAccount-content, 
.wd-my-account-links, 
.wd-grid-col,
.wd-my-account-wrapper {
    padding-top: 0 !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
    gap: 10px !important; /* Tightens the grid gap */
}

/* 2. Global Background & Fonts */
body.page-template-default, .woocommerce, .wd-page-content, #main-content {
    background-color: #1C1D22 !important;
    color: #ffffff !important;
}

.woocommerce-MyAccount-title, .nav-link-text, .woocommerce-MyAccount-navigation ul li a {
    font-family: "DM Sans", sans-serif !important;
}

.woocommerce-MyAccount-content p, .woocommerce-MyAccount-content a {
    font-family: 'Courier New', Courier, monospace !important;
    color: #a1a1aa !important;
    margin-bottom: 10px !important;
}

/* 3. DESKTOP SIDEBAR (#35373F) */
@media (min-width: 769px) {
    .woocommerce-MyAccount-navigation {
        background-color: #35373F !important;
        padding: 0 !important;
        border-radius: 8px !important;
        border: none !important;
    }
    .woocommerce-MyAccount-navigation ul {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .woocommerce-MyAccount-navigation ul li {
        margin: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    }
    .woocommerce-MyAccount-navigation ul li a {
        all: unset !important;
        display: block !important;
        padding: 15px 20px !important;
        color: #ffffff !important;
        font-size: 14px !important;
        cursor: pointer !important;
    }
    .woocommerce-MyAccount-navigation ul li.is-active a,
    .woocommerce-MyAccount-navigation ul li a:hover {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
}

/* 4. MOBILE SLIDING TABS (Ultra-Compact) */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        margin: 0 -15px 20px -15px !important;
        padding: 0 10px !important;
    }
    .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding: 5px 0 10px 0 !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none !important; }
    .woocommerce-MyAccount-navigation ul li a {
        all: unset !important;
        display: block !important;
        padding: 8px 18px !important;
        background-color: #35373F !important;
        color: #ffffff !important;
        border-radius: 50px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
    }
    .woocommerce-MyAccount-navigation ul li.is-active a {
        background-color: #ffffff !important;
        color: #1C1D22 !important;
    }
    /* Fixes My Account Grid Spacing on Mobile */
    .wd-my-account-links {
        --wd-gap-sm: 10px !important;
        grid-template-columns: repeat(2, 1fr) !important; /* Ensures 2 columns */
    }
}

/* 5. ICON GRID FIXES (Removing Spacing & Theme Hover) */
.wd-my-account-links li a {
    all: unset !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px 10px !important; /* Reduced from 25px */
    border: 1px solid #2d2e35 !important;
    border-radius: 10px !important;
    background: transparent !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.wd-nav-icon {
    margin-bottom: 2px !important; /* Tightens gap between icon and title */
    color: #ffffff !important;
    font-size: 20px !important;
    display: block !important;
    height: auto !important;
}

/* Fix for icons turning black and extra borders */
.wd-nav-icon:before, .wd-nav-icon:after {
    border: none !important;
    background: transparent !important;
    color: #ffffff !important;
}

.nav-link-text {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
}

/* Hover Protection */
.wd-my-account-links li a:hover {
    border-color: #ffffff !important;
}
.wd-my-account-links li a:hover .wd-nav-icon,
.wd-my-account-links li a:hover .nav-link-text {
    color: #ffffff !important;
}

/* 6. Title Size Fix */
.woocommerce-MyAccount-title {
    font-size: 24px !important;
    margin-bottom: 15px !important;
    color: #ffffff !important;
    text-align: left !important;
}/* End custom CSS */