/* Import Red Hat fonts */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700&family=Red+Hat+Text:wght@400;500;600&display=swap');

/* UW-Madison Brand Colors */
:root {
  --uw-badger-red: #C5050C;
  --uw-dark-red: #9B0000;
  --uw-white: #FFFFFF;
  --uw-black: #121212;
  --uw-light-gray: #E1E5E7;
}

/* Apply Red Hat fonts */
body {
  font-family: 'Red Hat Text', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600;
}

/* Header styling - UW Red */
.wy-side-nav-search {
  background-color: var(--uw-badger-red) !important;
}

.wy-side-nav-search > a {
  color: var(--uw-white) !important;
  font-family: 'Red Hat Display', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.3em !important;
}

/* Navigation links */
.wy-menu-vertical a {
  font-family: 'Red Hat Text', sans-serif !important;
}

.wy-menu-vertical a:hover {
  background-color: var(--uw-light-gray) !important;
}

.wy-menu-vertical li.current > a {
  background-color: var(--uw-light-gray) !important;
  border-right: 3px solid var(--uw-badger-red) !important;
}

/* Links in content */
a {
  color: var(--uw-badger-red) !important;
}

a:hover {
  color: var(--uw-dark-red) !important;
}
/* Exception: Keep XLR link white in header */
.wy-side-nav-search a[href="https://xlr.chat"] {
  color: var(--uw-white) !important;
}
.wy-side-nav-search a[href="https://xlr.chat"]:hover {
  color: var(--uw-white) !important;
  text-decoration: underline;
}

/* Code blocks */
code {
  background-color: var(--uw-light-gray) !important;
  border: 1px solid #d0d0d0 !important;
}

/* Tables */
table thead th {
  background-color: var(--uw-badger-red) !important;
  color: var(--uw-white) !important;
}

/* Buttons and highlights */
.btn-neutral {
  background-color: var(--uw-badger-red) !important;
  color: var(--uw-white) !important;
}

.btn-neutral:hover {
  background-color: var(--uw-dark-red) !important;
}

/* Chatbot styles */
#chatbot-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.chatbot-bubble {
  width: 60px;
  height: 60px;
  background: var(--uw-badger-red);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(197, 5, 12, 0.3);
  transition: all 0.3s ease;
}

.chatbot-bubble:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(197, 5, 12, 0.4);
}

.chatbot-bubble svg {
  width: 30px;
  height: 30px;
  fill: white;
}