/* Zmartly brand overlay for DocuSeal.
   DocuSeal's DaisyUI theme uses --n (neutral, dark purple) as the primary
   button color, and --b1/--b2 (warm beige) as background. We rewrite both
   the primary/accent AND neutral token groups to Zmartly blue, and shift
   the base surfaces to a cool, clean white/grey. */

:root,
[data-theme],
[data-theme="docuseal"],
[data-theme="Zmartly"] {
  /* Primary (links, some accents) → Zmartly blue */
  --p:  224 74% 47% !important;
  --pf: 224 74% 40% !important;
  --pc: 0 0% 100%   !important;

  /* Accent → same Zmartly blue */
  --a:  224 74% 47% !important;
  --af: 224 74% 40% !important;
  --ac: 0 0% 100%   !important;

  /* Neutral (used by .base-button — the main submit buttons) → Zmartly blue */
  --n:  224 74% 47% !important;
  --nf: 224 74% 40% !important;
  --nc: 0 0% 100%   !important;

  /* Base surfaces → clean, cool, light */
  --b1: 0 0% 100%    !important;   /* pure white */
  --b2: 210 20% 98%  !important;   /* near-white cool */
  --b3: 214 15% 91%  !important;   /* light cool grey */
  --bc: 222 47% 11%  !important;   /* slate-900 text */
}

/* Keep form inputs high-contrast on the new white background */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
}
input:focus, textarea:focus, select:focus {
  border-color: hsl(224 74% 47%) !important;
  outline-color: hsl(224 74% 47%) !important;
}

/* Navbar / header logo swap on admin pages that reference /logo.svg */
.navbar a img[src="/logo.svg"],
.navbar img[src="/logo.svg"],
a[href="/"] img[src="/logo.svg"] {
  height: 28px !important;
  width: auto !important;
  max-width: 160px !important;
  object-fit: contain;
}

/* Pre-login + signing pages render an inline <svg> seal mascot next to a
   "Zmartly" word label. Both live inside an anchor pointing at "/" (home).
   Hide every descendant svg under that anchor, hide the word label so we
   don't get a duplicate "Zmartly", and paint the Zmartly wordmark via the
   anchor's ::before. */
a[href="/"] > * {
  display: none !important;
}
a[href="/"] {
  display: inline-flex !important;
  align-items: center;
  text-decoration: none !important;
}

/* The DocuSeal seal mascot is an inline SVG with viewBox "0 0 511.998 511.998".
   Hide every instance anywhere on the site — navbar, hero, sign_in, signing page. */
svg[viewBox="0 0 511.998 511.998"] {
  display: none !important;
}
a[href="/"]::before {
  content: "";
  display: inline-block;
  width: 140px;
  height: 34px;
  background-image: url("/logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  vertical-align: middle;
}