/* Start custom CSS for shortcode, class: .elementor-element-88fea33 *//* Style for the "My Account" page container */
.woocommerce-MyAccount-content {
    
    padding: 20px; /* Adjust the padding */
    border-radius: 8px; /* Add border-radius for rounded corners */
    border: 1px solid #F1F2F3;
}




/* Style for active link in the navigation */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #F8ACAC; /* Set color for active link */
}

/* Remove bullets from the left menu */
.woocommerce-MyAccount-navigation ul {
    list-style: none; /* Remove the default list style */
    padding-left: 0; /* Remove default left padding */
}

/* Style for individual menu items */
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px; /* Add spacing between menu items */
    
        background-color: #F1F2F3
}

/* Style for links in the left menu */
.woocommerce-MyAccount-navigation ul li a {
    color: #69727D; /* Set link color */
    font-weight: bold; /* Adjust font weight */
    display: inline-block !important;
    width: 100% !important;
    padding: 10px 20px;

}

/* Style for form fields */
.woocommerce-form input.input-text,
.woocommerce-form input[type='password'],
.woocommerce-form select {
    background-color: #FFF; /* Background color for input fields */
    color: #333; /* Text color */
    border: 1px solid #ccc; /* Border color */
    padding: 12px; /* Vertical padding around input fields */
    border-radius: 4px; /* Add border-radius for rounded corners */
    height: 40px; /* Set the height of the input fields */
}

/* Style for login and registration buttons */
.woocommerce-form .woocommerce-button {
    background-color: #F8ACAC !important; /* Main color for buttons */
    color: #FFF; /* Text color for buttons */
    border-radius: 4px; /* Add border-radius for rounded corners */
    padding: 12px 20px; /* Adjust vertical and horizontal padding */
    border: none; /* Remove button border */
    text-transform: uppercase; /* Uppercase button text */
    transition: background-color 0.3s ease; /* Smooth transition */
    height: 40px; /* Set the height of the buttons */
}

/* Hover effect for buttons */
.woocommerce-form .woocommerce-Button.button:hover {
    background-color: #D68282; /* Change color on hover */
}/* End custom CSS */