.elementor-13 .elementor-element.elementor-element-1bdbbfb3{--display:flex;}.elementor-13 .elementor-element.elementor-element-d9a1b8b{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-2ae459ca *//* --- My Account Page - Overall Structure --- */
/* This targets the main container of the My Account page,
   giving it a subtle background and overall padding. */
.woocommerce-account .woocommerce {
    background-color: #fcfcfc; /* Very light background for the whole My Account area */
    border: 1px solid #e0e0e0; /* Light border around the entire section */
    border-radius: 10px; /* Slightly more rounded corners for the main box */
    padding: 30px; /* Internal spacing within the main box */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); /* A more pronounced but still soft shadow */
    margin-bottom: 40px; /* Space below the entire My Account section */
}

/* --- My Account Navigation (Left Sidebar) --- */
.woocommerce-MyAccount-navigation {
    background-color: #ffffff; /* White background for the navigation box */
    border: 1px solid #dcdcdc; /* Slightly darker border for the navigation */
    border-radius: 8px; /* Rounded corners for the navigation box */
    padding: 10px 0; /* Vertical padding, no horizontal for the outer nav box */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Subtle shadow */
    margin-bottom: 20px; /* Space below nav if it stacks on smaller screens */
}

.woocommerce-MyAccount-navigation ul {
    list-style: none; /* Remove default bullet points */
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin: 0;
    /* No border-bottom here; we'll add hover/active states */
}

.woocommerce-MyAccount-navigation li a {
    display: block; /* Make the whole area clickable */
    padding: 12px 25px; /* Padding inside each menu item */
    color: #555555; /* Medium grey text color */
    text-decoration: none; /* Remove underline */
    font-weight: 500; /* Slightly bolder text */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
}

.woocommerce-MyAccount-navigation li a:hover {
    background-color: #f2f2f2; /* Light grey background on hover */
    color: #333333; /* Darker text on hover */
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
    background-color: #007bff; /* Primary blue for active link or logout */
    color: #ffffff; /* White text for active link */
    border-left: 5px solid #0056b3; /* Stronger accent border on left */
    font-weight: 600; /* Bolder for active link */
}

/* Special style for the logout link for clarity */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
    background-color: #dc3545; /* Red for logout button */
    border-color: #a71d2a;
}

.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background-color: #c82333; /* Darker red on hover */
    border-color: #901b27;
}


/* --- My Account Content Area (Right Side) --- */
.woocommerce-MyAccount-content {
    background-color: #ffffff; /* White background for the content box */
    border: 1px solid #dcdcdc; /* Similar border as navigation */
    border-radius: 8px; /* Rounded corners */
    padding: 30px; /* Good internal padding */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Subtle shadow */
}

/* Ensure headings within the content are styled nicely */
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: #333333; /* Darker heading text */
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee; /* Light separator under headings */
    padding-bottom: 10px;
}

/* Styling for forms (e.g., Address, Account Details) */
.woocommerce-MyAccount-content form .form-row {
    margin-bottom: 15px;
}

.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form select,
.woocommerce-MyAccount-content form textarea {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px 12px;
    width: 100%; /* Make input fields take full width */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.woocommerce-MyAccount-content form button.button {
    background-color: #28a745; /* Green for submit buttons */
    color: white;
    border: none;
    border-radius: 5px;
    padding: 12px 25px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.woocommerce-MyAccount-content form button.button:hover {
    background-color: #218838; /* Darker green on hover */
}

/* For responsiveness on smaller screens where navigation might stack */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        margin-bottom: 20px; /* Add space between nav and content when stacked */
    }
}/* End custom CSS */