/* CSUSA Branding Overrides */

/* === HEADER LOGO SPACING === */
#csusa-header-logo {
  pointer-events: none;
}

/* === HIDE ONLY THE LIBRECHAT LOGO (not our header logo) === */
img[src="/assets/logo.svg"] {
  display: none !important;
}

/* === LOGIN / REGISTRATION PAGE === */
input[type="email"],
input[type="password"],
input[type="text"],
input[name="email"],
input[name="password"] {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #2d5e30 !important;
}

input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
  border-color: #3D7B3F !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(61, 123, 63, 0.2) !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #2d5e30 !important;
}

/* Dark mode inputs */
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="text"],
.dark input[name="email"],
.dark input[name="password"] {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  color: #4aba4e !important;
}

.dark input[type="email"]:focus,
.dark input[type="password"]:focus,
.dark input[type="text"]:focus {
  border-color: #3D7B3F !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(61, 123, 63, 0.2) !important;
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
  color: #4aba4e !important;
}

/* Placeholder text */
input::placeholder {
  color: #3D7B3F !important;
  opacity: 0.7 !important;
  background: transparent !important;
  -webkit-text-fill-color: #3D7B3F !important;
}

.dark input::placeholder {
  color: #4aba4e !important;
  -webkit-text-fill-color: #4aba4e !important;
  opacity: 0.6 !important;
}

form label {
  color: #3D7B3F !important;
  background: transparent !important;
}

.dark form label {
  color: #4aba4e !important;
}

/* === AI CHAT BUBBLE ICON (bigger) === */
[data-testid="convo-icon"] img,
.icon-md img,
img[src*="csusa-logo-white"] {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
}

/* === MAIN COLORS === */
nav {
  background-color: #2d5e30 !important;
}

.sticky.top-0 {
  background-color: #2d5e30 !important;
  border-bottom: 2px solid #F7E14D !important;
}

button.btn-primary,
[class*="bg-brand"] {
  background-color: #F7E14D !important;
  color: #1a1a1a !important;
}

button.btn-primary:hover {
  background-color: #e6d044 !important;
}

button[data-testid="send-button"] {
  background-color: #F7E14D !important;
  color: #1a1a1a !important;
}

nav * {
  color: #f0f0f0 !important;
}

/* === CONVERSATION AREA === */
main {
  background-color: #3D7B3F !important;
}

[data-testid="user-message"],
.markdown,
[class*="bg-token-message"] {
  background-color: #2a5a2c !important;
  color: #ffffff !important;
  border-radius: 12px;
  padding: 12px 16px;
}

[data-testid="user-message"] {
  background-color: #1e4520 !important;
  color: #ffffff !important;
}

main p,
main span,
main li,
main h1, main h2, main h3, main h4,
main pre,
main code,
.markdown * {
  color: #ffffff !important;
}

main pre {
  background-color: #1a3a1c !important;
  border: 1px solid #4a9a4d !important;
}

main code {
  background-color: #1a3a1c !important;
  color: #a8e6a8 !important;
}

/* === CHAT INPUT === */
main textarea {
  background-color: #2d5e30 !important;
  color: #ffffff !important;
  border-color: #F7E14D !important;
}

main textarea::placeholder {
  color: #a8d4a8 !important;
}

main .text-center h2,
main .text-center p {
  color: #ffffff !important;
}