.elementor-1145 .elementor-element.elementor-element-57d17af4{--display:flex;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1145 .elementor-element.elementor-element-57d17af4:not(.elementor-motion-effects-element-type-background), .elementor-1145 .elementor-element.elementor-element-57d17af4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cb68302 ) 0%, var( --e-global-color-1fe7fac ) 100%);}.elementor-1145 .elementor-element.elementor-element-b0b27fb{width:100%;max-width:100%;}.elementor-1145 .elementor-element.elementor-element-b0b27fb > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-b0b27fb *//*
 * WooCommerce My Account Page - Professional Responsive Navigation
 *
 * This CSS creates a scrolling horizontal navigation for desktops/tablets
 * and a clean, stacked vertical navigation for mobile devices.
 */
 
 .woocommerce-orders-table__cell-order-actions {
  display: flex;
  flex-wrap: wrap; /* Ensures buttons wrap cleanly on smaller screens */
  gap: 8px;      /* Adjust this value to increase or decrease the space */
}

/* Main account container layout */
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: column !important;
}

/* Navigation bar container - Base styles for all screen sizes */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: #2a2a2a !important;
    border: none !important;
    width: 100% !important;
    margin: 0 0 2em 0 !important;
    padding: 0 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25); /* Enhanced shadow for depth */
    border-radius: 8px !important;
}

/* List container (ul) - Horizontal scrolling on larger screens */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: nowrap; /* Force items to stay on a single line */
    overflow-x: auto;  /* Enable horizontal scrolling if items don't fit */
    justify-content: flex-start; /* Align items to the left on desktop */
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    -ms-overflow-style: none;  /* Hide scrollbar for IE and Edge */
    scrollbar-width: none;  /* Hide scrollbar for Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none;
}

/* List items (li) - Styles for larger screens */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    flex: 1 0 auto; /* Allow items to grow/shrink but not smaller than content */
    text-align: center;
}

/* Navigation links (a) - Styles for larger screens */
.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    color: #f0f0f0 !important;
    background: none !important;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding: 18px 22px !important; /* Balanced padding */
    border-bottom: 4px solid transparent !important;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap; /* Prevent text from wrapping */
}

/* Link hover state - For larger screens */
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Active page link - For larger screens */
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
    color: #ffd101 !important;
    font-weight: 700;
    border-bottom-color: #ffd101 !important;
}

/* Content area below navigation */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    margin-top: 0 !important;
    float: none !important;
}


/*
 * --- Mobile & Tablet Styles (screens 768px and smaller) ---
 * This section professionally handles the navigation on smaller devices.
 */
@media (max-width: 768px) {
    /* Change to a vertical layout */
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
        justify-content: center;
        overflow-x: hidden; /* Disable horizontal scroll on mobile */
    }

    /* Style the vertical list items */
    .woocommerce-account .woocommerce-MyAccount-navigation-link {
        border-bottom: 1px solid #444; /* Add a separator line */
    }

    /* Remove the border from the very last item */
    .woocommerce-account .woocommerce-MyAccount-navigation-link:last-of-type {
        border-bottom: none !important;
    }

    /* Adjust link styles for a vertical layout */
    .woocommerce-account .woocommerce-MyAccount-navigation-link a {
        padding: 16px 20px !important;
        border-bottom: none !important; /* Remove the underline effect */
    }

    /* Active link style for mobile */
    .woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
        background-color: rgba(255, 209, 1, 0.1) !important; /* Subtle yellow highlight */
        color: #ffd101 !important;
    }
}/* End custom CSS */