/* Chat Header Buttons - Blue Background Style */

/* Override chat-head-btn background for chatbox popup */
.chat-head-btn {
  background: #1877f1 !important;
  padding: 8px !important;
  border-radius: 12px !important;
}

.chat-head-btn:hover {
  background: #1569d8 !important;
}

body.night-mode .chat-head-btn {
  background: #1877f1 !important;
}

body.night-mode .chat-head-btn:hover {
  background: #1569d8 !important;
}

/* Make sure close button (last-child) also has blue background */
.chat-head-btn:last-child {
  background: #1877f1 !important;
}

.chat-head-btn:last-child:hover {
  background: #1569d8 !important;
}

/* Custom button style for conversation buttons */
.btn-chat-custom {
  background-color: #1877f1 !important;
  border-color: #1877f1 !important;
  color: white !important;
}

.btn-chat-custom:hover,
.btn-chat-custom:focus,
.btn-chat-custom:active {
  background-color: #1569d8 !important;
  border-color: #1569d8 !important;
  color: white !important;
}

body.night-mode .btn-chat-custom {
  background-color: #1877f1 !important;
  border-color: #1877f1 !important;
}

body.night-mode .btn-chat-custom:hover,
body.night-mode .btn-chat-custom:focus,
body.night-mode .btn-chat-custom:active {
  background-color: #1569d8 !important;
  border-color: #1569d8 !important;
}