* {
  border: none;
  border-radius: 2px;
  min-height: 0;
  font-family: "Symbols Nerd Font", "JetBrains Mono";
  font-weight: 600;
  font-size: 14px;
  padding: 0;
}

window#waybar {
  background-color: #2c3238;
  border: 3px solid #77c9ff;
}

/* Animations */
@keyframes color-flash-red { 50% { color: #f53c3c; } }
@keyframes color-flash-blue { 50% { color: #56b4bc; } }
@keyframes battery-charge { 50% { color: #26A65B; } }

/* Workspaces buttons base */
#workspaces button {
  background-color: transparent;
  min-width: 20px;
  padding: 0px;
  margin: 0px;
  border-radius: 2px;
}
#workspaces button.active {
  color: #EEB18D;
}
#workspaces button:hover {
  background-color: rgba(104, 167, 213, 0.15);
}

#workspaces button.urgent,
#battery.critical:not(.charging),
#network.disconnected,
#pulseaudio.muted,
#bluetooth.disabled {
  animation: color-flash-red 1.5s steps(2) infinite;
}

/* Fix margins on left/right workspace container edges */
.modules-left > widget:first-child > #workspaces { margin-left: 0; }
.modules-right > widget:last-child > #workspaces { margin-right: 0; }

/* Main modules styling */
#clock, #battery, #power-profiles-daemon, #backlight,
#network, #pulseaudio, #custom-power, #bluetooth, #custom-mic {
  border: 2px solid #77c9ff;
  background-color: #2c3238;
  margin: 7px;
  min-width: 60px;
  padding: 6px 5px;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

/* Hover effect for main modules */
#clock:hover, #battery:hover, #power-profiles-daemon:hover, #backlight:hover,
#network:hover, #pulseaudio:hover, #custom-power:hover, #bluetooth:hover,
#custom-mic:hover {
  background-color: rgba(104, 167, 213, 0.25);
}

/* Colors for specific modules */
#power-profiles-daemon.balanced, #clock, #battery, #pulseaudio, #custom-mic {
  color: #ffbb93;
}
#power-profiles-daemon.performance {
  color: #f53c3c;
}

#network, #custom-power, #bluetooth, #workspaces button {
  color: #a6dae2;
}
#power-profiles-daemon, #backlight {
     color: #56b4bc;
}

/* Animations */
#battery.charging, #battery.plugged {
  animation: battery-charge 1.5s steps(2) infinite;
}
#pulseaudio.bluetooth {
  animation: color-flash-blue 1.5s steps(2) infinite;
}
