/* Waomi Landing – Header: Trennzeichen & Sprach-Schalter */

/* Rechter Block (Sprachwahl + Registrieren/Login) etwas nach links */
.waomi-navbar .nav-right-group {
  margin-right: 2rem;
}
@media (min-width: 1200px) {
  .waomi-navbar .nav-right-group {
    margin-right: 3rem;
  }
}

/* Menüpunkte: etwas größere Schrift */
.waomi-navbar .nav-list-sep .nav-link {
  font-size: 1.05rem;
}
.waomi-navbar .nav-list-sep .nav-item {
  position: relative;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
/* Trenner "|" nur zwischen Menüpunkten, nicht nach Sprach-Schalter und nicht zwischen den Buttons */
.waomi-navbar .nav-list-sep .nav-item:not(:last-child):not(.nav-lang-switch):not(.nav-item-btn)::after {
  content: "|";
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.45);
  font-weight: 300;
  font-size: 0.85em;
  pointer-events: none;
}
.waomi-navbar .nav-list-sep .nav-item .nav-link {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Registrieren + Login als zusammengehörige Gruppe mit minimalem Abstand */
.waomi-navbar .nav-item-btn {
  margin-left: 0.2rem;
  margin-right: 0;
}
.waomi-navbar .nav-item-btn + .nav-item-btn {
  margin-left: 0.2rem;
}

/* Sprach-Schalter: Deutsch | English (kein Dropdown) */
.waomi-navbar .nav-lang-switch {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin-right: 1.25rem;
}
.waomi-navbar .nav-lang-switch .nav-sep {
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0.15rem;
  font-weight: 300;
  user-select: none;
}
.waomi-navbar .nav-lang-switch .lang-switch-link {
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  font-size: 1.05rem;
  transition: background 0.2s, color 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.waomi-navbar .nav-lang-switch .lang-flag {
  font-size: 1.1em;
  line-height: 1;
}
.waomi-navbar .nav-lang-switch .lang-switch-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.waomi-navbar .nav-lang-switch .lang-switch-link.active {
  background: rgba(255, 255, 255, 0.22);
  font-weight: 600;
  color: #fff;
}

/* Registrieren & Login: durchgängig als Buttons (Desktop + Mobile) */
.waomi-navbar .nav-btn-register,
.waomi-navbar .nav-btn-login {
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
  border-width: 1px;
}
.waomi-navbar .nav-btn-register:hover,
.waomi-navbar .nav-btn-login:hover {
  transform: translateY(-1px);
}
.waomi-navbar .nav-btn-login:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.8);
  color: #fff;
}

/* Mobile: Buttons im eingeklappten Menü sichtbar und gut klickbar */
@media (max-width: 991.98px) {
  .waomi-navbar .navbar-collapse .nav-list-sep {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .waomi-navbar .nav-btn-register,
  .waomi-navbar .nav-btn-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
  .waomi-navbar .nav-btn-register {
    margin-top: 0.75rem;
  }
  .waomi-navbar .nav-btn-login {
    margin-bottom: 0.25rem;
  }
}