/* =========================================
   Woo "Mein Konto" Menü – wie dein HP-Menü
   ========================================= */

/* Liste sauber resetten */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    margin: 0;
}

/* Alte Pfeile / Pseudo-Icons sicher entfernen */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link::before,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a::before {
    content: none !important;
}

/* Link: Icon + Text nebeneinander, linksbündig, angenehmer Zeilenabstand */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    padding: 0.45rem 1.2rem;
    text-decoration: none;
    text-align: left;
    line-height: 1.4;
    color: #5b6673; /* gleiche Textfarbe wie im restlichen Account-Bereich */
}

/* Standard-Icon-Style */
.woocommerce-MyAccount-navigation .nm-account-menu-icon {
    color: #B38E58;          /* Gold */
    font-size: 1.1em;
    width: 1.4em;
    text-align: center;
    flex-shrink: 0;
}

/* Hover: nur Icon-Farbe etwas dunkler, Text bleibt grau */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a:hover .nm-account-menu-icon {
    color: #927141;
}

/* Aktiver Menüpunkt: Text etwas fetter, Icon dunkler */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a {
    font-weight: 600;
    color: #5b6673;
    background: transparent;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a .nm-account-menu-icon {
    color: #927141;
}

/* Mein Konto > Adressen:
   "Rechnungsadresse bearbeiten" / "Lieferadresse bearbeiten" linksbündig
   unter dem jeweiligen Titel
*/
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-MyAccount-content .woocommerce-Address-title {
    display: flex !important;
    flex-direction: column;
    align-items: center;          /* Überschrift bleibt zentriert */
}

/* kleiner Abstand unter der Überschrift */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    margin-bottom: 0.25rem;
}

/* nur der Link selbst wird an den linken Rand der Spalte gesetzt */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-MyAccount-content .woocommerce-Address-title a {
    align-self: flex-start;        /* links statt zentriert */
    margin-top: 0.1rem;
}