/* ================================ */
/*            Common CSS            */
/* ================================ */
* {
  border: none;
  border-radius: 0;
  min-height: 0;
  font-family: "FiraCodeNerdFont", "iosevka nerd font";
  font-weight: bold;
  font-size: 14px;
  padding: 0.5px 0;
  margin: 0;
  transition: all 0.3s ease;
  box-shadow: none;
}

window#waybar,
#waybar {
  background: none;
  color: #d4be98;
}

tooltip {
  background-color: #32302f;
  border: 1px solid #252423;
}

/* ================================ */
/*       Module styling             */
/* ================================ */

#cpu,
#memory,
#battery,
#temperature,
#network,
#pulseaudio{
  margin: 2px 10px 2px 3px;
  padding: 1.5px 7px;
  background: #32302f;
  border: 1px solid #3c3836;
  border-radius: 6px;
}

#workspaces,
#clock,
#custom-notification,
#custom-weather,
#backlight,
#language,
#mode {
  margin: 3px 5px;
  padding: 2.5px 8px;
  background: #32302f;
  border: 2px solid #d4be98;
  border-radius: 8px;
}

/* ================================ */
/*       Tray group styling         */
/* ================================ */
.modules-right {
  margin: 3px 10px 3px 5px;
  padding: 2.5px 8px;
  background: #32302f;
  border: 2px solid #d4be98;
  border-radius: 8px;
}

.modules-right #tray {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
}


/* ================================ */
/*       workspaces module          */
/* ================================ */
#workspaces {
  margin-left: 8px;
  background-color: #32302f;
  padding: 1.5px 6px;
}

#workspaces button {
  all: initial;
  min-width: 0;
  font-family: "FiraCodeNerdFont", "iosevka nerd font";
  font-weight: bold;
  font-size: 14px;
  padding: 2.5px 7px;
  margin: 2px 3px;
  color: #d4be98;
  background: #32302f;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: none;
}
#workspaces button.active {
  background: #d4be98;
  color: #32302f;
  border: 1px solid #bdae93;
  box-shadow: 0 1px 3px rgba(212, 190, 152, 0.35);
  transition: all 0.08s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#workspaces button.focused {
  background: #3c3836;
  border: 1px solid #fabd2f;
}

#workspaces button.urgent {
  background-color: #ea6962;
  color: #32302f;
  border: 1px solid #cc241d;
  animation: pulse 1.5s infinite;
}

#workspaces button:hover,
#workspaces button.focused:hover,
#workspaces button.visible:hover {
  background: #504945;
  border: 1px solid #7c6f64;
  color: #fbf1c7;
}

/* ================================ */
/*       Individual modules         */
/* ================================ */

#clock {
  color: #d4be98;
  margin-right: 8px;
  padding: 2.5px 8px;
}

#tray {
  background-color: transparent;
}

#battery {
  color: #d4be98;
}

#battery.charging {
  color: #a9b665;
}

#battery.plugged {
  color: #a9b665;
}

#battery.warning {
  color: #d8a657;
}

#battery.critical,
#battery.urgent {
  color: #ea6962;
  animation: pulse 1.5s infinite;
}

#cpu {
  color: #e78a4e;
}

#memory {
  color: #d8a657;
}

#network {
  color: #83a598;
}

#temperature {
  color: #d8a657;
}

#temperature.critical {
  color: #ea6962;
}

#pulseaudio {
  color: #e78a4e;
}

#pulseaudio.bluetooth {
  color: #7daea3;
}

#cpu.warning,
#memory.warning,
#battery.warning {
  color: #d8a657;
}

#cpu.critical,
#memory.critical,
#temperature.critical,
#battery.critical,
#network.disconnected {
  color: #ea6962;
}

#mode {
  color: #32302f;
  background: #ea6962;
}

@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}