/* Contenedor principal del menú */
#aniwin-myaccount-menu {
  width: 25%;
  float: left;
}

 @media (max-width: 768px) {
    #aniwin-myaccount-menu {
        width: 100%;
      margin-bottom: 80px;
    }
}

/* Lista general sin estilo de navegador ni márgenes */
#aniwin-myaccount-menu .aniwin-myaccount-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Cabecera de usuario con fondo ligero y icono */
.aniwin-myaccount-header {
  display: flex;
  align-items: center;
  background: #f8f8f8;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}
.aniwin-myaccount-avatar-icon {
  width: 40px;
  height: 40px;
  background: #d9d9d9;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
  flex-shrink: 0;
}
.aniwin-myaccount-avatar-icon svg {
  width: 60%;
  height: auto;
  max-height: 60%;
  margin: auto;
  display: block;
  fill: #333333;
}
.aniwin-myaccount-name {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
}

/* Grupos de secciones */
.aniwin-myaccount-group {
  /* margin-bottom: 1rem; */
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
  padding-bottom: 20px;
}

.aniwin-myaccount-group:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}
.aniwin-myaccount-group-title {
  font-size: 0.70rem;
  font-weight: 400;
  color: #777777;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  padding-bottom: 0.35rem;
  margin-bottom: 0.7rem;
}

/* Lista de enlaces dentro de cada grupo */
.aniwin-myaccount-sublist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.aniwin-myaccount-sublist li {
  margin: 0.7rem 0;
}
.aniwin-myaccount-sublist li a {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #333333;
  border-radius: 4px;
  transition: background 0.2s, color 0.2s;
}

/* Iconos SVG delante del texto (require que tus <li> de enlace incluyan un <svg> o <span class="icon">) */
.aniwin-myaccount-sublist li a svg,
.aniwin-myaccount-sublist li a .icon {
  width: 16px;
  height: 16px;
  fill: #ff6600;
}

/* Icono dentro del enlace */
.aniwin-myaccount-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
}
.aniwin-myaccount-link-icon svg {
  width: 100%;
  height: auto;
  display: block;
  fill: currentColor;
}

/* Enlace activo */
.woocommerce-MyAccount-navigation-link.is-active > a {
  color: #ff6600;
  font-weight: 600;
}

/* “Salir” o enlaces fuera de grupos */
.woocommerce-MyAccount-navigation-link > a {
  display: block;
  font-size: 0.95rem;
  color: #333333;
  border-radius: 4px;
  transition: background 0.2s, color 0.2s;
}