/* === Magenta raus, Hausfarben rein ===================================
   Ersetzt #c36 (hello-elementor reset.css) und #f06 (Altbestand aus
   nm-custom-cssjs.php / nm-routing-and-content-fixes.php).

   Farbwahl aus der bestehenden Seite, nichts Neues erfunden:
     Navy  #16233F  - Kopfzeile, Fusszeile, Kundenkonto, Knoepfe
     dunkler #0E1830 - Navy-Hover, ebenfalls schon im Einsatz
     Messing #9A7A2A - lesbares Gold auf hellem Grund (Kundenkonto-Badges)

   Absichtlich niedrige Spezifitaet (blankes `a`, blankes `button`):
   damit werden nur die UNGESTYLTEN Elemente aus dem Theme-Reset
   eingefaerbt. Jede Komponente, die ihre Farbe selbst setzt
   (Kopfzeile, Fusszeile, Konto, Slider ...), behaelt ihre eigene -
   sonst haette man alles doppelt zu pflegen. */

:root {
    --nm-link: #16233F;
    --nm-link-hover: #0E1830;
    --nm-messing: #9A7A2A;
}

/* --- Links --------------------------------------------------------- */
a {
    color: var(--nm-link);
}

a:active,
a:hover {
    color: var(--nm-link-hover);
}

/* --- Ungestylte Knoepfe --------------------------------------------
   Der Reset gibt jedem <button> ohne eigene Klasse einen magentafarbenen
   Rahmen samt Schrift. Betrifft vor allem Standard-WordPress- und
   Plugin-Ausgaben. */
[type="button"],
[type="submit"],
button {
    border-color: var(--nm-link);
    color: var(--nm-link);
}

[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
button:hover,
button:focus {
    background-color: var(--nm-link);
    color: #fff;
}

/* --- Altbestand #f06 -----------------------------------------------
   Die alte Seitenleiste faerbte Hover und aktiven Eintrag knallpink.
   Gleiche Spezifitaet wie die Ursprungsregel plus !important, weil
   die Regel in nm-routing-and-content-fixes.php selbst !important
   traegt und dort nicht angefasst werden soll. */
.vertical-menu a:hover,
.vertical-menu a.active,
.vertical-menu strong a:hover,
body:not(.home) .nm-legacy-sidebar .vertical-menu a:hover,
body:not(.home) .nm-legacy-sidebar .vertical-menu a.active {
    color: var(--nm-link) !important;
}

.tt_form_button {
    background: var(--nm-link);
    color: #fff;
}

/* Pinker Mega-Menue-Eintrag aus derselben Altlast.
   Feinheit, die zwei Anlaeufe gekostet hat: der betroffene Eintrag ist
   ein <a> OHNE href (ein reiner Aufklapp-Titel). Damit greift die
   Theme-Regel `a:not([href]):not([tabindex]) { color: inherit }` mit
   Spezifitaet (0,3,1) - er ERBT das Magenta also vom Listenpunkt,
   statt es selbst zu setzen. Ein einfaches `.mega-menu-link` wird davon
   ueberstimmt. Deshalb hier beides: die Farbe am Elternelement
   korrigieren UND den href-losen Fall mit gleicher Spezifitaet
   abfangen (spaeter in der Kaskade, also gewinnt er). */
.mega-menu-item,
.mega-menu-item > a.mega-menu-link,
.mega-menu-item > a.mega-menu-link:not([href]),
.mega-menu-item > a.mega-menu-link:not([href]):hover {
    color: var(--nm-link);
}