/* JVG Vault – Minimal Branding: nur Logo + Akzentfarbe */

:root {
  --color-primary-100: #fff1e8 !important;
  --color-primary-300: #ffb380 !important;
  --color-primary-600: #E8621A !important;
  --color-primary-700: #c95112 !important;
  --color-primary-800: #a84010 !important;
}

.tw-bg-primary-600     { background-color: #E8621A !important; }
.tw-bg-primary-700     { background-color: #c95112 !important; }
.tw-text-primary-600   { color: #E8621A !important; }
.tw-text-primary-700   { color: #c95112 !important; }
.tw-border-primary-600 { border-color: #E8621A !important; }
.tw-ring-primary-300   { --tw-ring-color: rgba(232,98,26,0.4) !important; }

.btn-primary, .btn-outline-primary:hover, .badge-primary {
  background-color: #E8621A !important;
  border-color: #E8621A !important;
}
.btn-outline-primary { color: #E8621A !important; border-color: #E8621A !important; }
.text-primary        { color: #E8621A !important; }
a                    { color: #E8621A !important; }
a:hover              { color: #c95112 !important; }
.nav-link.active     { color: #E8621A !important; border-bottom-color: #E8621A !important; }
input:focus, .form-control:focus {
  border-color: #E8621A !important;
  box-shadow: 0 0 0 3px rgba(232,98,26,0.2) !important;
  outline-color: #E8621A !important;
}

app-nav-logo img, app-nav-logo svg,
bit-nav-logo img, bit-nav-logo svg,
header img[alt*="Bitwarden" i],
img[src*="bwi-logo"] { display: none !important; }

app-nav-logo, bit-nav-logo {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 0 16px !important;
  min-height: 48px !important;
  gap: 1px !important;
}
app-nav-logo::before, bit-nav-logo::before {
  content: 'JVG' !important;
  font-family: 'SF Mono','JetBrains Mono','Courier New',monospace !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 4px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
app-nav-logo::after, bit-nav-logo::after {
  content: 'Passwort Manager' !important;
  font-family: 'SF Mono','JetBrains Mono','Courier New',monospace !important;
  font-size: 8px !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  opacity: 0.5 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

app-footer, bit-footer,
app-frontend-layout footer,
app-login footer { display: none !important; }