/* General Styling for Chat Sidebar Toggle Icons */
#chat-sidebar-toggle,
#chat-sidebar-toggle-hidden {
  z-index: 1; /* Ensure it's above relevant elements */
  background: none; /* Remove background */
  border: none; /* Remove border */
  cursor: pointer; /* Pointer cursor */
  padding: 0; /* Remove padding */
  transition: color 0.3s ease; /* Smooth transition for color changes */
}

/* Default Theme */
.default-theme #chat-sidebar-toggle i,
.default-theme #chat-sidebar-toggle-hidden i {
  color: #ffffff; /* White icon color */
}

.default-theme #chat-sidebar-toggle i:hover,
.default-theme #chat-sidebar-toggle-hidden i:hover {
  color: rgba(255, 255, 255, 0.7); /* Dimmed white on hover */
}

/* Dark Theme */
.dark-theme #chat-sidebar-toggle i,
.dark-theme #chat-sidebar-toggle-hidden i {
  color: #00cccc; /* Teal icon color */
}

.dark-theme #chat-sidebar-toggle i:hover,
.dark-theme #chat-sidebar-toggle-hidden i:hover {
  color: #ffffff; /* White icon on hover */
}

/* Yellow Theme */
.yellow-theme #chat-sidebar-toggle i,
.yellow-theme #chat-sidebar-toggle-hidden i {
  color: #f6e05e; /* Yellow icon color */
}

.yellow-theme #chat-sidebar-toggle i:hover,
.yellow-theme #chat-sidebar-toggle-hidden i:hover {
  color: #ffffff; /* White icon on hover */
}

/* Light Theme */
.light-theme #chat-sidebar-toggle i,
.light-theme #chat-sidebar-toggle-hidden i {
  color: #333333; /* Dark grey icon color */
}

.light-theme #chat-sidebar-toggle i:hover,
.light-theme #chat-sidebar-toggle-hidden i:hover {
  color: #000000; /* Black icon on hover */
}