/* style.css */

/* Container for textbox + button */
#input-container {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 4px;
}

/* Textbox styling */
#chat-input {
  flex: 1;
  border: none !important;
  box-shadow: none !important;
  padding: 8px;
}

/* Updated, significantly narrower orange arrow button */
#ask-button {
  background-color: #FF6F00 !important; /* Orange color */
  color: white !important;
  border: none !important;
  border-radius: 4px;
  cursor: pointer;
  
  font-size: 10px;          /* Smaller font size for the arrow */
  width: 15px;              /* Fixed width: adjust this value to change horizontal size */
  height: 20px;             /* Fixed height to ensure a neat appearance */
  padding: 0;               /* Remove extra horizontal padding */
  margin-left: 4px;         /* Small gap between textbox and button */
  text-align: center;       /* Center the arrow horizontally */
  line-height: 20px;        /* Vertically center the arrow within the button */
}