/* CO branding override for Vaultwarden web vault.
 * Injected via nginx sub_filter just before </head> on every HTML response.
 * Variables: navy #0B1F3A · gold #C9A84C.
 */

:root {
  --co-navy: #0B1F3A;
  --co-navy-dark: #061528;
  --co-gold: #C9A84C;
  --co-gold-hover: #b8973f;
  --co-text: #e2e8f0;
}

/* Page background */
html, body {
  background-color: var(--co-navy) !important;
}

/* Buttons — primary actions in gold */
.btn-primary,
.tw-bg-primary-500,
.tw-bg-primary-600,
button[type="submit"]:not(.tw-text-danger):not([disabled]),
.bwi-spinner,
.bg-primary {
  background-color: var(--co-gold) !important;
  border-color: var(--co-gold) !important;
  color: var(--co-navy) !important;
}
.btn-primary:hover,
.tw-bg-primary-500:hover,
.tw-bg-primary-600:hover,
button[type="submit"]:hover:not([disabled]) {
  background-color: var(--co-gold-hover) !important;
  border-color: var(--co-gold-hover) !important;
}

/* Links */
a, .text-primary, .tw-text-primary-500, .tw-text-primary-600 {
  color: var(--co-gold) !important;
}
a:hover { color: var(--co-gold-hover) !important; }

/* Login + invite pages: deepen the background, add a subtle gold rule */
.tw-bg-background-alt2,
.tw-bg-background-alt3,
.bg-secondary,
.tw-bg-secondary-500 {
  background-color: var(--co-navy-dark) !important;
}

/* Card surfaces — keep contrast against navy */
.card, .tw-bg-background-alt {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(201, 168, 76, 0.18) !important;
}

/* Form inputs — gold focus ring */
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--co-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.25) !important;
}

/* Logo area — subtle gold underline so the CO identity is obvious */
.logo, [class*="logo"] {
  border-bottom: 1px solid rgba(201, 168, 76, 0.4);
}

/* Persistent CO footer on every page */
body::after {
  content: "Community Organisation · vault.communityorg.co.uk · CO IT Sub-Committee";
  display: block;
  text-align: center;
  padding: 14px 16px;
  color: #94a3b8;
  font-size: 11px;
  letter-spacing: 0.04em;
  background: var(--co-navy-dark);
  border-top: 1px solid rgba(201, 168, 76, 0.2);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  pointer-events: none;
}
/* Push main content up so the footer doesn't overlap last visible row */
body { padding-bottom: 50px !important; }