/* Custom overrides and additional styles */

/* Body and general styles */
body {
  font-family: "Inter", sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/* Navbar logo sizing */
.logo-img {
  max-height: 40px;
}

/* Chat styling enhancements */
.message-content {
  white-space: pre-line;
}

/* Make sure images in cards don't overflow */
.card img {
  max-width: 100%;
}

/* Extra spacing for the benefits cards */
.benefit-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

/* Improve spacing on mobile */
@media (max-width: 768px) {
  .container {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
  }
}

/* Smooth transitions for hover effects */
.card, .btn {
  transition: all 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15) !important;
}

/* Style links in chat messages */
.bot-message a {
  color: #0d6efd;
  text-decoration: underline;
}

.user-message a {
  color: white;
  text-decoration: underline;
}