/* ============================================================
   SecureAI Chat — Custom Branding
   Primärfarbe: #D3EDE4  Akzent: #D3EEDB
   ============================================================ */

/* --- Basis-Farbvariablen überschreiben --- */
:root {
  --color-primary: #D3EDE4;
  --color-primary-hover: #D3EEDB;
  --color-accent: #D3EEDB;
}

/* --- LibreChat-Logo und Branding-Text verstecken --- */
/* Sidebar-Logo / App-Icon */
[class*=logo], [class*=Logo],
a[href=/] svg[class*=brand],
img[alt=LibreChat], img[alt=librechat] {
  display: none !important;
}

/* LibreChat Text in der Sidebar durch SecureAI ersetzen */
[class*=brand-text]::before,
nav a[href=/] span {
  content: SecureAI Chat !important;
  font-weight: 700;
  color: #A8D4C4;
}

/* --- Primärfarbe auf Buttons und Links --- */
button[data-testid*=send],
button[class*=primary],
[class*=btn-primary] {
  background-color: #A8D4C4 !important;
  border-color: #A8D4C4 !important;
}

button[data-testid*=send]:hover,
button[class*=primary]:hover {
  background-color: #D3EEDB !important;
  border-color: #D3EEDB !important;
}

/* --- Akzentfarbe: aktiver Nav-Link, Fokusringe --- */
a:focus-visible, button:focus-visible {
  outline-color: #A8D4C4 !important;
}

/* --- Sidebar aktiver Eintrag --- */
[class*=active][class*=nav],
[class*=nav][aria-current=page] {
  background-color: rgba(211, 237, 228, 0.30) !important;
  border-left: 3px solid #D3EDE4 !important;
}

/* --- Footer: LibreChat Text ausblenden --- */
footer [class*=librechat],
footer a[href*=librechat],
footer a[href*=github.com/danny-avila] {
  display: none !important;
}

/* Footer-Bereich eigener Text */
footer::after {
  content: "© 2026 SecureAI Chat – KI-Lösungen für professionelle Workflows  •  KI DSGVO-konform";
  display: block;
  text-align: center;
  font-size: 11px;
  color: #999;
  padding: 6px 0;
}

/* --- Tab-Titel im Browser (wird via HTML gesetzt, aber Fallback) --- */
head title { content: SecureAI Chat; }

/* --- Login-Seite: LibreChat Überschrift ersetzen --- */
[class*=login] h1,
[class*=login] [class*=title],
[class*=auth] h1 {
  font-size: 0 !important;
}
[class*=login] h1::after,
[class*=auth] h1::after {
  content: SecureAI Chat;
  font-size: 1.75rem;
  font-weight: 700;
  color: #A8D4C4;
}