/* =========================================================
   NEXIS Branding.css (minimal)
   Basis: NEXIS CI-Paket "The Leading IVIP Platform"
   Prinzip: so wenig Customizing wie möglich, Rest über
   Settings > Look & feel > Reader interface
   ========================================================= */

/* --- CI-Farben ------------------------------------------- */
:root {
  --nexis-black: #202E3B;         /* Hauptfarbe, Text, Primary Button */
  --nexis-white: #FFFFFF;
  --nexis-authentic-white: #F8F9FA;
  --nexis-neutral-700: #34495E;
  --nexis-neutral-300: #D6DBDF;
  --nexis-pastel-blue: #C2EBF2;
  --nexis-bayou: #19A6C0;
  --nexis-blue-accent: #16C1E0;   /* Hover-Farbe laut CI */
  --nexis-font: "Google Sans Flex", "Segoe UI", Arial, sans-serif;
}

/* --- Login-Screen (aus bisheriger Branding.css übernommen) -- */
.Login_customLogo {
  max-width: 180px;
  padding: 20px;
}

.Login_glass {
  background: none;
}

.Login_glassOverlay {
  display: none;
}

/* Login-Box mittig: Das Layout ist eine Tabelle mit Formular-Spalte links und
   leerer Spalte rechts. Rechte Spalte ausblenden, linke auf volle Breite. */
.Login_table {
  width: 100% !important;
}

.Login_rightContainer {
  display: none !important;
}

.Login_formContainer {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
}

.Login_form {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.Login_box {
  position: static !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left;
}

.Login_back {
  background-position: 0% 25%;
}

/* --- CI-Farben an zentralen Interaktionspunkten ------------ */

/* Kopfzeile weiß, Menülinks in CI-Schwarz */
.BaseMaster_mainMenuContainer {
  background-color: var(--nexis-white) !important;
  background-image: none !important;
}
.BaseMaster_mainMenuContainer .CHMenu_menuItem a,
.BaseMaster_profileLink {
  color: var(--nexis-black) !important;
}

/* Header-Schrift: übernimmt die Schrift der Seite statt der Template-Schrift
   (Icons bleiben unberührt, da nur Container und Links angesprochen werden) */
.BaseMaster_mainMenuContainer,
.BaseMaster_mainMenuContainer .CHMenu_menu,
.BaseMaster_mainMenuContainer .CHMenu_menuItem,
.BaseMaster_mainMenuContainer .CHMenu_menuItem a,
.CHMenu_popup a.CHTree_node,
.CHMenu_popup .CHTree_nodeContent,
.BaseMaster_profileLink {
  font-family: inherit !important;
}

/* Header-Links und Dropdown: Hover in Bayou (wie TOC) */
.CHMenu_menuItem:hover a,
.BaseMaster_profileLink:hover,
.BaseMaster_profileLink:hover a,
.dxm-hovered,
.dxm-hovered a.dx {
  color: var(--nexis-white) !important;
  background-color: var(--nexis-bayou) !important;
}

/* Dropdown im Hauptmenü: weiß, nur der Eintrag unter der Maus in Bayou */
body .CHMenu_popup a.CHTree_node,
body .CHMenu_popup a.CHTree_node .CHTree_nodeContent {
  background-color: var(--nexis-white) !important;
  color: var(--nexis-black) !important;
}
body .CHMenu_popup a.CHTree_node:hover,
body .CHMenu_popup a.CHTree_node:hover .CHTree_nodeContent {
  background-color: var(--nexis-bayou) !important;
  color: var(--nexis-white) !important;
}

/* Fokussierte Eingabefelder (auch Login-Formular) */
.dxeFocused_DefaultTheme {
  border-color: var(--nexis-blue-accent) !important;
}

/* Ausgewählter Knoten im Inhaltsverzeichnis: gleiches Design wie Hover */
.TocTreeLight_container .CHTree_nodeFocused {
  background-color: var(--nexis-bayou) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.TocTreeLight_container .CHTree_nodeFocused,
.TocTreeLight_container .CHTree_nodeFocused *,
.TocTreeLight_container .CHTree_nodeFocused *::before,
.TocTreeLight_container .CHTree_nodeFocused *::after {
  color: var(--nexis-white) !important;
}

/* Ordner-/Themen-Icon im ausgewählten Eintrag hell (greift bei Schrift- und
   Bild-Icons gleichermaßen) */
.TocTreeLight_container .CHTree_nodeFocused .TocTree_tocNode {
  filter: brightness(0) invert(1);
}

/* Auf-/Zuklapp-Pfeile: im Normalzustand dunkelgrau, bei Hover und Auswahl weiß */
.TocTreeLight_container .CHTree_btn,
.TocTreeLight_container .CHTree_btn i {
  color: var(--nexis-neutral-700) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.TocTreeLight_container .CHTree_node:hover .CHTree_btn,
.TocTreeLight_container .CHTree_node:hover .CHTree_btn i,
.TocTreeLight_container .CHTree_nodeFocused .CHTree_btn,
.TocTreeLight_container .CHTree_nodeFocused .CHTree_btn i {
  color: var(--nexis-white) !important;
}

/* Such-Button: Primary-Button-Logik aus dem CI */
a.SearchBox_button {
  color: var(--nexis-white) !important;
  background-color: var(--nexis-black) !important;
}
a.SearchBox_button:hover {
  background-color: var(--nexis-blue-accent) !important;
}

/* Lade-Animation */
.dxlpLoadingPanel_DefaultTheme .dxlp-loadingImage,
.dxlpLoadingPanelWithContent_DefaultTheme .dxlp-loadingImage {
  border-inline-start-color: var(--nexis-bayou) !important;
  border-inline-end-color: var(--nexis-bayou) !important;
  border-bottom-color: var(--nexis-bayou) !important;
}

/* Von ClickHelp beim Blossom-Update eingefügt, bitte behalten */
.CHImageButton.ArticleEditor_imageButton.ArticleEditor_fontAwesomeButton {
  width: 40px;
}