#lesAccountMenuDropdown{
  display: none;
}
#lesAccountMenuDropdown {
padding-top: 30px;
}
button.woocommerce-Button.button{
background-color: #2ECC71 !important;
font-size: 16px !important;
font-weight: 500 !important;
box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.15) !important;
border-color: #2ECC71 !important;
border-radius: 50px 50px 50px 50px !important;
padding: 16px 30px 16px 30px !important;
font-family: 'Plus Jakarta Sans';
}

.tab-style-1 .tab-content{
  width: 100%!important;
  }
  /* Container for the account page content */
  .woocommerce-MyAccount-content {
    width: 100%!important;
    margin: 1.5rem auto 3rem!important;
    padding: 2rem 2.5rem!important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(36, 46, 69, 0.1);
  }
  
  /* Navigation Container */
  .woocommerce-MyAccount-navigation.lesNavigation {
    width: 100%!important;
    background-color: #fff!important;
  }
  .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:after, .woocommerce .woocommerce-MyAccount-navigation ul li a:after {
  background-color: #F6EDFC !important;
  color: #242e45 !important;
  border-radius: 15px!important;
  font-weight: 600;
  }
  .woocommerce .woocommerce-MyAccount-navigation ul li a:hover:after{
  transition: none!important;
  transform: none!important;
  }
  .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{
  background-color: #F6EDFC  !important;
  color: #212529  !important;
  transition:none!important;
  }
  
  /* Hide the dropdown by default on desktop */
  #lesAccountMenuDropdown {
    display: none;
    margin-bottom: 1rem;
  }
  
  /* Horizontal Tabs (ul) */
  #lesAccountMenuBar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  #lesAccountMenuBar li {
    width: max-content;
  }
  
  /* Tab links styling */
  .woocommerce .woocommerce-MyAccount-navigation ul li a {
    user-select: none;
    background-color: #F9B54E;
    border-radius: 15px;
    padding: 8px 15px !important;
    width: max-content;
    font-size: 19px;
    color: white!important;
    transition: none;
  }
  
  .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{
  color:#242e45!important;
  border:none;
  transition:none;
  }
  
  /* Form layout */
  .woocommerce-EditAccountForm {
    display: block;
  }
  
  /* Two-column form fields for first & last name */
  .woocommerce-form-row.form-row-first,
  .woocommerce-form-row.form-row-last {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  
  /* Clear floats after name fields */
  .clear {
    clear: both;
  }
  
  /* Full width fields */
  .woocommerce-form-row.form-row-wide {
    width: 100%;
    margin-bottom: 1.25rem;
  }
  
  
  /* Required field asterisk */
  .woocommerce-EditAccountForm .required {
    color: #f44336; /* red */
  }
  
  form.woocommerce-EditAccountForm.edit-account  fieldset{
    margin-top: 0px;
  }

/* Responsive Design */

/* Small devices (max-width: 991px) */
@media screen and (max-width: 991.98px) {
  #lesAccountMenuBar{
      display: none;
  }
  #lesAccountMenuDropdown {
    display: block;
  }
  /* Make form fields full width on mobile */
  .woocommerce-form-row.form-row-first,
  .woocommerce-form-row.form-row-last {
    width: 100%;
    display: block;
  }
  /* Reduce padding inside container */
  .woocommerce-MyAccount-content {
    padding: 1.25rem 1rem;
  }
}

@media (max-width: 767.98px) {
/* Mobile Dropdown */
select.account-menu-dropdown {
  width: 100%;
  border-radius: 3px;
}
#lesAccountMenuDropdown {
  padding: 30px 30px;
  border-bottom: 2px solid var(--button-color);

}
label.account-menu-label {
  font-weight: 500;
}
nav.woocommerce-MyAccount-navigation.lesNavigation {
  padding-top: 0px !important;
  padding-bottom: 0px;
}
select.account-menu-dropdown {
  width: 100%;
  border-radius: 3px;
}
#lesAccountMenuDropdown {
  padding: 30px 30px;
  border-bottom: 2px solid var(--button-color);

}
label.account-menu-label {
  font-weight: 500;
}
nav.woocommerce-MyAccount-navigation.lesNavigation {
  padding-top: 0px !important;
  padding-bottom: 0px;
}
#lesAccountMenuDropdown{
  display: block;
}
}