:root {
  --brand-name: "AvB-Light Control";
  --brand-primary: #69a9ff;
  --brand-secondary: #7c5cff;
  --brand-background: #0b1220;
  --brand-surface: #17243a;
  --brand-text: #f2f6fc;
  --brand-border: #30425e;
}

/* Später werden diese Werte kundenspezifisch konfiguriert. */

.avb-brand-symbol {
  background: linear-gradient(
    135deg,
    var(--brand-primary),
    var(--brand-secondary)
  );
}

.atrium-global-brand {
  color: var(--brand-text);
}

.atrium-global-links a[aria-current="page"] {
  border-color: var(--brand-primary);
}

.atrium-global-links [hidden] {
  display: none !important;
}

#avb-admin-card[hidden] {
  display: none !important;
}


/* AvB-Light Control: Layoutkorrektur 2026 */

/* Navigation auf sämtlichen Seiten sichtbar halten. */
body .atrium-global-nav {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  z-index: 10000 !important;
}

body .atrium-global-brand {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

body .atrium-global-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

/* Login-Karte mit Abstand zur Navigation. */
body.atrium-page-login {
  padding-top: 76px !important;
  box-sizing: border-box;
}

body.atrium-page-login .brand {
  font-weight: 800;
  letter-spacing: .02em;
}

body.atrium-page-login .brand span {
  color: var(--brand-primary);
}

/* Auf kleinen Bildschirmen Navigation umbrechen. */
@media (max-width: 760px) {
  body .atrium-global-nav {
    flex-wrap: wrap;
    gap: 8px;
  }

  body .atrium-global-links {
    width: 100%;
    gap: 8px;
  }

  body.atrium-page-login {
    padding-top: 125px !important;
  }
}