/* DME Community - "Community"-Dropdown in der Hauptnavigation.
   Das mykd-Theme positioniert das Dropdown selbst (absolut, Hover/Mobile).
   Hier wird die OPTIK der Untermenue-Punkte an die Brand-Chips der Hauptnavi
   angeglichen (monospace, Rahmen, gruener Hover) - NICHT die Positionierung. */

/* kleiner Indikator am Eltern-Eintrag (Desktop) */
.dmc-nav-parent > .nav-links::after { content: " \25BE"; font-size: .8em; opacity: .85; }

/* Dropdown-Box: dunkel, an die Guides-Palette angepasst */
.dmc-nav-parent > .sub-menu {
  background: #0b0e13 !important;
  border: 1px solid #22292f !important;
  border-radius: 4px !important;
  padding: 8px !important;
  min-width: 220px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.55) !important;
}
.dmc-nav-parent > .sub-menu .sub-menu { left: 100% !important; top: 0 !important; }

/* Untermenue-Punkte = gleicher Chip-Stil wie die Hauptnavi-Links */
.dmc-nav-parent > .sub-menu li { margin: 0 !important; }
.dmc-nav-parent > .sub-menu li > a {
  display: block !important;
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #9aa7b4 !important;
  background: rgba(11, 14, 19, .55) !important;
  border: 1px solid #2a3138 !important;
  border-radius: 2px !important;
  padding: 10px 14px !important;
  margin: 6px 4px !important;
  line-height: 1 !important;
  text-align: left !important;
  text-decoration: none !important;
  transition: color .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}
/* den gruenen Theme-Balken vor dem Text entfernen (gehoert nicht zum Chip-Look) */
.dmc-nav-parent > .sub-menu li > a::before { display: none !important; content: none !important; }

.dmc-nav-parent > .sub-menu li > a:hover,
.dmc-nav-parent > .sub-menu li.active > a {
  color: #45f882 !important;
  border-color: #45f882 !important;
  background: rgba(11, 14, 19, .55) !important;
  box-shadow: 0 0 14px rgba(69, 248, 130, .25), inset 0 0 10px rgba(69, 248, 130, .08) !important;
}
