:root {
  --everythingad-primary: #1e9bf0;
  --everythingad-primary-dark: #0a70bd;
  --everythingad-primary-soft: #daecff;
  --everythingad-accent: #800df2;
  --everythingad-accent-dark: #5e0ab3;
  --everythingad-text: #1f2329;
  --everythingad-muted: #5d6673;
  --everythingad-border: #d8e3f3;
  --accent: 207 90% 94%;
  --accent-foreground: 222 14% 14%;
}

.dark {
  --accent: 207 55% 24%;
  --accent-foreground: 210 40% 98%;
}

/* Match EverythingAD's typography: Proxima Nova globally, Poppins for headings. */
body {
  color: var(--everythingad-text);
  font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
}

/* Make the Chainlit login image panel show the full EverythingAD logo. */
.grid.min-h-svh > div.relative.hidden.bg-muted.overflow-hidden,
div[class~="relative"][class~="hidden"][class~="bg-muted"][class~="overflow-hidden"] {
  align-items: center !important;
  background-color: white !important;
  display: flex !important;
  justify-content: center !important;
}

.grid.min-h-svh > div.relative.hidden.bg-muted.overflow-hidden > img.absolute.inset-0.h-full.w-full.object-cover,
div[class~="relative"][class~="hidden"][class~="bg-muted"][class~="overflow-hidden"] > img.absolute.inset-0.h-full.w-full.object-cover {
  height: auto !important;
  inset: auto !important;
  max-height: min(300px, 40vh) !important;
  max-width: min(760px, 90vw) !important;
  object-fit: contain !important;
  position: static !important;
  width: min(760px, 88%) !important;
}

form img[src*="everythingad_logo"],
form img[src*="logo_light"],
form img[src*="logo_dark"],
form img[src*="logo.jpg"] {
  height: auto !important;
  max-height: min(300px, 40vh) !important;
  max-width: min(760px, 90vw) !important;
  object-fit: contain !important;
  width: 100% !important;
}

/* Oculta el botón de cambio entre claro/oscuro en los settings */
#theme-toggle,
.settings-theme-toggle {
  display: none !important;
}

/* Always underline markdown links (Chainlit only underlines them on hover by
   default). Covers links in message content and the trial side panel, which
   share the same `text-primary hover:underline` anchor component. */
a.text-primary {
  color: var(--everythingad-primary-dark);
  text-decoration: underline;
  text-underline-offset: 2px;
}

button[type="submit"] {
  background: var(--everythingad-primary) !important;
  border-color: var(--everythingad-primary) !important;
  color: #fff !important;
  font-weight: 700;
}

button[type="submit"]:hover {
  background: var(--everythingad-primary-dark) !important;
  border-color: var(--everythingad-primary-dark) !important;
}

/* Soften the Chainlit message composer while preserving EverythingAD branding. */
form:has(textarea) {
  background: var(--everythingad-primary-soft) !important;
  border: 1px solid rgba(30, 155, 240, 0.2) !important;
  box-shadow: 0 8px 28px rgba(30, 155, 240, 0.14) !important;
}

form:has(textarea) > div,
form:has(textarea) [class*="bg-accent"],
form:has(textarea) [class*="bg-primary"] {
  background: var(--everythingad-primary-soft) !important;
}

form:has(textarea) textarea,
form:has(textarea) textarea:focus {
  background: transparent !important;
  color: var(--everythingad-text) !important;
}

form:has(textarea) textarea::placeholder {
  color: var(--everythingad-muted) !important;
  opacity: 1;
}

form:has(textarea) button,
form:has(textarea) [role="button"] {
  background: var(--everythingad-primary) !important;
  border-color: var(--everythingad-primary) !important;
  color: #fff !important;
}

form:has(textarea) button:hover,
form:has(textarea) [role="button"]:hover {
  background: var(--everythingad-primary-dark) !important;
  border-color: var(--everythingad-primary-dark) !important;
}

[data-sava-login-button="guest"],
[data-sava-login-button="register"],
[data-sava-login-button="spanish"] {
  background: #ffffff !important;
  border: 2px solid var(--everythingad-primary) !important;
  color: var(--everythingad-primary-dark) !important;
  font-weight: 700;
}

[data-sava-login-button="guest"]:hover,
[data-sava-login-button="register"]:hover,
[data-sava-login-button="spanish"]:hover {
  background: var(--everythingad-primary-soft) !important;
}

form h1 {
  color: var(--everythingad-primary-dark);
  font-family: "Poppins", sans-serif;
  font-weight: 800;
}

form p.text-muted-foreground {
  color: var(--everythingad-muted) !important;
  font-style: normal !important;
}

input:focus-visible,
textarea:focus-visible {
  border-color: var(--everythingad-primary) !important;
}

form:has(textarea) textarea:focus-visible {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.watermark a:hover {
  color: var(--everythingad-primary-dark) !important;
  text-decoration: underline !important;
}

/* Oculta la marca de agua “Built with Chainlit” */
/* .watermark {
  display: none !important;
} */