/* 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 Bunker-Net-Palette angepasst */
.dmc-nav-parent > .sub-menu {
  background: #0a1116 !important;
  border: 1px solid rgba(110,200,210,.13) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  min-width: 220px !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.55), 0 0 26px rgba(34,211,238,.10) !important;
  z-index: 100000 !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: 'Chakra Petch', 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(7, 11, 14, .55) !important;
  border: 1px solid rgba(110,200,210,.13) !important;
  border-radius: 8px !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: #22d3ee !important;
  border-color: #22d3ee !important;
  background: rgba(7, 11, 14, .55) !important;
  box-shadow: 0 0 14px rgba(34, 211, 238, .25), inset 0 0 10px rgba(34, 211, 238, .08) !important;
}
