.elementor-10 .elementor-element.elementor-element-99b77e6{--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;}.elementor-10 .elementor-element.elementor-element-c093c1d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-c093c1d{text-align:left;color:var( --e-global-color-text );}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-99b77e6{--content-width:800px;}}/* Start custom CSS for text-editor, class: .elementor-element-c093c1d *//* Hide the profile picture */
.user-avatar {
    display: none !important;
}
/* Center the user-info container horizontally */
.user-profile {
    display: none;
    justify-content: center; /* Center horizontally */
    width: 100%; /* Ensure it takes full width of the container */
}

/* Center account information vertically and horizontally */
.user-info {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally within user-info */
    font-size: 20px;
}

/* Style account name, email, and logout button */
.user-info .username,
.user-info .user-email,
.user-info .logout {
    text-align: center;
    font-size: 20px;
}

/* Adjust logout link appearance */
.user-info .logout a {
    display: inline-block;
    padding: 8px 16px;
    background-color: #324069 !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.user-info .logout a:hover {
    background-color: #324069;
    color: #0056b3;
}
/* Remove padding and margin at the bottom */
.elementor-element .myaccount-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    min-height: 65px; /* Set minimum height, adjust as needed */
}

/* Additional reset for child elements if needed */
.elementor-element .myaccount-menu * {
    margin-bottom: 0; /* Ensure child elements have no bottom margin */
    padding-bottom: 0; /* Ensure child elements have no bottom padding */
}

/* General container styling */
.woocommerce-MyAccount-content {
    font-family: Arial, sans-serif; /* Ensure font consistency */
    text-align: center; /* Center-align text */
}

/* Styling the main header text */
.woocommerce-MyAccount-content > p {
    font-size: 1.1em;
    color: #333;
    margin-bottom: 20px; /* Space below main header */
}

/* Center the main address container */
.woocommerce-Addresses {
    display: flex;
    justify-content: center;
    gap: 40px; /* Space between columns */
    padding: 20px 0;
    max-width: 100%; /* Ensure the container uses full width */
    margin: 0 auto; /* Center the container itself */
    padding-left: 45px; /* Adjust left padding to center the boxes */
}

/* Set fixed width for each address box */
.woocommerce-Address {
    width: 45%; /* Set width to match menu bar alignment */
    min-width: 350px; /* Set minimum width to prevent collapsing */
    max-width: 500px; /* Set maximum width for larger screens */
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

/* Center the edit address link within each box */
.woocommerce-Address-title {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally */
}

.woocommerce-Address-title .edit {
    margin-top: -10px; /* Adjust space above the link */
    font-size: 0.9em;
    color: #0073aa;
    text-decoration: none;
}

.woocommerce-Address-title .edit:hover {
    color: #005177;
}

/* Address details styling */
.woocommerce-Address address {
    font-size: 1em;
    color: #555;
    line-height: 1.6em;
    font-style: normal;
    text-align: center; /* Center address text */
    margin: 0 auto; /* Ensure address text is centered */
}/* End custom CSS */
/* Start custom CSS *//* Fix extra spacing caused by YITH on My Account page nav */
body.woocommerce-account .elementor-nav-menu > li {
  margin-right: 12px !important;
}

body.woocommerce-account .elementor-nav-menu a {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Optional: if spacing above or below links looks off */
body.woocommerce-account .elementor-nav-menu a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
body.woocommerce-account .elementor-widget-nav-menu {
  margin-top: 10px !important;
}/* End custom CSS */