/* ============================================================
   FluidVault by Wepsol — Complete UI Branding Override
   Version 2.0 — Full DOM injection approach
   ============================================================ */

/* ── LOGIN PAGE LOGO (img.new-logo-themed) ── */
img.new-logo-themed,
img[alt="Vaultwarden"],
img[alt="Bitwarden"] {
  content: url('/images/fluidvault-logo.png') !important;
  width: 200px !important;
  max-width: 200px !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

/* ── SIDEBAR: hide default Vaultwarden SVG logo + text ── */
/* The sidebar logo is inside bit-nav-logo component */
bit-nav-logo,
[class*="nav-logo"],
nav bit-icon[icon*="logo"],
nav img[class*="logo"],
.tw-px-5.tw-fixed img.new-logo-themed {
  content: url('/images/fluidvault-logo.png') !important;
  max-width: 160px !important;
  height: auto !important;
}

/* Hide "Password Manager" subtitle text in sidebar */
nav span[class*="tw-text-xs"],
nav .tw-text-xs.tw-font-medium,
[class*="product-name"],
[class*="brand-name"] {
  display: none !important;
}

/* ── SIDEBAR BACKGROUND: Wepsol dark navy ── */
nav,
app-user-layout nav,
.tw-bg-background-alt {
  background-color: #0a0e1a !important;
}

/* Sidebar text color */
nav .tw-text-contrast,
nav a,
nav span {
  color: #e2e8f0 !important;
}

/* Sidebar active item highlight */
nav a[aria-current="page"],
nav .tw-bg-text-contrast\/10 {
  background-color: rgba(37, 99, 235, 0.2) !important;
  border-left: 3px solid #2563eb !important;
}

/* Sidebar icons */
nav .bwi,
nav i[class*="bwi"] {
  color: #7aa3d4 !important;
}

/* Sidebar icons — active */
nav a[aria-current="page"] .bwi,
nav a[aria-current="page"] i[class*="bwi"] {
  color: #60a5fa !important;
}

/* ── TOP HEADER AREA ── */
/* Header background */
.tw-bg-background.tw-border-b,
header,
[class*="header-bg"] {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* ── PRIMARY BUTTONS: Wepsol blue ── */
bit-submit-button button[type=submit],
button.tw-bg-primary-600,
.btn-primary,
[class*="tw-bg-primary-600"] {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}
bit-submit-button button[type=submit]:hover,
button.tw-bg-primary-600:hover {
  background-color: #1d4ed8 !important;
}

/* Primary text color */
.tw-text-primary-600,
a.tw-text-primary-600,
[class*="tw-text-primary-600"] {
  color: #2563eb !important;
}

/* ── PAGE TITLE: hide "Vaultwarden Web" footer ── */
p > a[href*="vaultwarden"],
p > a[href*="bitwarden.com"],
p:has(a[href*="vaultwarden"]),
.tw-text-center p:last-child {
  display: none !important;
}

/* ── BRANDING FOOTER REPLACEMENT ── */
p > a[href*="vaultwarden"]::before {
  content: 'FluidVault by Wepsol' !important;
  font-size: 12px !important;
  color: #9ca3af !important;
  display: block !important;
}

/* ── VAULT PAGE HEADER ── */
.tw-text-3xl.tw-font-semibold,
h1.tw-text-3xl {
  color: #0a0e1a !important;
}

/* ── ITEM CARDS: subtle shadow ── */
bit-item,
[class*="tw-rounded"].tw-bg-background {
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  transition: box-shadow 0.15s ease !important;
}
bit-item:hover,
[class*="tw-rounded"].tw-bg-background:hover {
  box-shadow: 0 4px 12px rgba(37,99,235,0.1) !important;
}

/* ── SEARCH BAR: improved styling ── */
input[type="search"],
input[bitinput],
[class*="tw-rounded-full"][class*="tw-bg"] {
  border: 1.5px solid #e2e8f0 !important;
  transition: border-color 0.15s ease !important;
}
input[type="search"]:focus,
input[bitinput]:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,0.1) !important;
}

/* ── DIALOG / MODAL: better radius ── */
bit-dialog,
[role="dialog"] {
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}

/* ── NOTIFICATIONS BANNER ── */
bit-callout.tw-bg-warning-100,
[class*="tw-bg-warning"] {
  border-left: 4px solid #f59e0b !important;
}