.elementor-10 .elementor-element.elementor-element-00ef3f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-4580db4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-10 .elementor-element.elementor-element-4580db4 .xpro-site-logo img{width:90px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-3ba4a38.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-icon i{color:#00000000;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-icon svg{fill:#00000000;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-3ba4a38{--e-icon-list-icon-size:32px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-10 .elementor-element.elementor-element-3ba4a38 .elementor-icon-list-text{transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-7eaf2cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-72776a0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-10 .elementor-element.elementor-element-965f212{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-c230706{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-c230706.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-10 .elementor-element.elementor-element-c230706 img{width:100%;height:100vh;object-fit:cover;object-position:bottom center;}.elementor-10 .elementor-element.elementor-element-757a640{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-10 .elementor-element.elementor-element-07050b7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-10 .elementor-element.elementor-element-07050b7 .xpro-site-logo img{width:150px;}.elementor-10 .elementor-element.elementor-element-07050b7.elementor-widget-xpro-site-logo{text-align:center;}.elementor-10 .elementor-element.elementor-element-47c0048.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-757a640{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-10 .elementor-element.elementor-element-07050b7 .xpro-site-logo img{width:120px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-00ef3f2{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-4580db4 .xpro-site-logo img{width:60px;}.elementor-10 .elementor-element.elementor-element-3ba4a38{--e-icon-list-icon-size:24px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-align:center;}.elementor-10 .elementor-element.elementor-element-7eaf2cc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-965f212{--min-height:0vh;--justify-content:center;}.elementor-10 .elementor-element.elementor-element-c230706{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-757a640{--min-height:100vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-757a640{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-7eaf2cc *//* Convert WooCommerce Account Menu to Bottom App Nav on Mobile */
@media (max-width: 767px) {
    
    /* Pin the navigation container to the bottom */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100% !important;
        background-color: #ffffff; /* Change this to match your theme's background */
        z-index: 9999;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
        float: none !important; 
        margin: 0 !important;
    }

    /* Convert the list into a horizontal, scrollable row */
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto; /* Allows swiping */
        margin: 0;
        padding: 0;
        -ms-overflow-style: none;  /* Hides scrollbar in IE/Edge */
        scrollbar-width: none;  /* Hides scrollbar in Firefox */
    }

    /* Hides scrollbar in Chrome/Safari/Webkit */
    .woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none; 
    }

    /* Style the individual links to look like app buttons */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 1 0 auto; /* Forces items to stay in a row */
        list-style: none;
        margin: 0;
        border: none !important;
    }

    /* Hide text but keep the flexbox layout for centering */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 16px 10px;
    font-size: 0px !important; /* This completely hides the text */
    color: transparent !important; /* Extra safeguard to hide text */
    text-decoration: none;
    border: none !important;
}

/* Ensure the icons stay visible and large */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a i,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a span[class*="icon"],
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
    font-size: 24px !important; /* Adjust this to make icons bigger/smaller */
    color: #333333 !important; /* Put your default icon color here */
    margin: 0 !important; 
    line-height: 1;
}

/* Style the active/current tab icon so the user knows where they are */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a i,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a span[class*="icon"],
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
    color: #211800 !important; /* Change this to your active brand color */
}

    /* Style the active/current tab so the user knows where they are */
    .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
        color: #211800; /* Change to your brand's primary color */
        background-color: #f7f9fa;
        border-top: 3px solid #007cba; /* Adds a nice top highlight */
    }

    /* Push the main account content up so it isn't hidden behind the new bar */
    .woocommerce-account .woocommerce-MyAccount-content {
        margin-bottom: 80px !important;
        width: 100% !important;
        float: none !important;
    }
}

/* Hide Downloads and Logout from the Woo Account Menu */
li.woocommerce-MyAccount-navigation-link--downloads,
li.woocommerce-MyAccount-navigation-link--customer-logout {
    display: none !important;
}


/* Modern WooCommerce Account Layout for Desktop & Tablet */
@media (min-width: 767px) {
    
    /* Layout: Side-by-side using the theme's main wrapper */
    .ct-woo-account {
        display: flex;
        flex-wrap: nowrap;
        gap: 30px;
        align-items: flex-start;
    }

    /* Style the Navigation Sidebar */
    .ct-woo-account .ct-acount-nav {
        width: 25%;
        background: #f9f9f9;
        border-radius: 8px;
        padding: 15px 0;
        box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    }

    /* Style the Content Area */
    .ct-woo-account .woocommerce-MyAccount-content {
        width: 75%;
        background: #ffffff;
        border-radius: 8px;
        padding: 40px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.03);
        margin: 0 !important;
    }

    /* Clean up the list */
    .ct-woo-account .woocommerce-MyAccount-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .ct-woo-account .woocommerce-MyAccount-navigation ul li {
        margin: 0;
        border-bottom: 1px solid #eeeeee;
    }
    .ct-woo-account .woocommerce-MyAccount-navigation ul li:last-child {
        border-bottom: none;
    }

    /* Style the links */
    .ct-woo-account .woocommerce-MyAccount-navigation ul li a {
        display: flex;
        align-items: center;
        padding: 18px 25px;
        color: #555555;
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
        transition: all 0.3s ease;
    }

    /* Position the theme's ::before icons next to the text */
    .ct-woo-account .woocommerce-MyAccount-navigation ul li a::before {
        margin-right: 15px !important; 
        font-size: 18px !important;
        color: #888888 !important;
    }

    /* Hover state */
    .ct-woo-account .woocommerce-MyAccount-navigation ul li:hover a {
        background-color: #f1f1f1;
        color: #222222;
    }

    /* Active state with your yellow accent */
    .ct-woo-account .woocommerce-MyAccount-navigation ul li.is-active a {
        background-color: #ffffff;
        color: #211800; 
        border-left: 4px solid #211800; 
        padding-left: 21px; 
    }
    .ct-woo-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
        color: #211800 !important;
    }
}/* End custom CSS */