/* ================================ */
/*            Common CSS            */
/* ================================ */
* {
  /* `otf-font-awesome` is required to be installed for icons */
  padding: 0;
  margin: 0;
  min-height: 0;
  border-radius: 0;
  border: none;
  text-shadow: none;
  transition: none;
  box-shadow: none;
}

/* the whole window */
window#waybar {
  color: #fff4d2;
  background: none;
}

window#waybar.hidden {
  opacity: 1;
}

#tags,
/* #tags button, */
/* #tags button.occupied, */
/* #tags button.focused, */
/* #tags button.urgent, */
/* #tags button:not(.occupied):not(.focused), */
#workspaces button,
#workspaces button:hover,
#workspaces button.visible,
#workspaces button.visible:hover,
#workspaces button.active,
#workspaces button.active:hover,
#workspaces button.urgent,
#window,
#idle_inhibitor,
#language,
#custom-scratchpad-indicator,
#custom-brightness,
#custom-memory,
#custom-battery,
#custom-battery.critical,
#custom-battery.warning,
#custom-audio,
#custom-clock {
  font-family: GoMono Nerd Font;
  font-size: 12px;
  font-weight: 800;
  color: #202020;
  background: #202020;
  border: 2px solid #202020;
}

#window,
#idle_inhibitor,
#language,
#custom-scratchpad-indicator,
#custom-brightness,
#custom-memory,
#custom-battery,
#custom-battery.critical,
#custom-battery.warning,
#custom-audio,
#clock {
  padding-right: 4px;
}

/* ================================ */
/*       workspaces module          */
/* ================================ */
#workspaces {
  margin: 0px;
}

#workspaces button {
  color: #fff4d2;
  padding: 0 4px;
  margin: 0px 3px;
  min-width: 15px;
}

#workspaces button:hover {
  background: #d3869b;
}

#workspaces button.visible {
  background: #8ec07c;
}

#workspaces button.visible:hover {
  background: #8ec07c;
}

#workspaces button.active {
  background: #8ec07c;
}

#workspaces button.active:hover {
  background: #8ec07c;
}

#workspaces button.urgent {
  background: #cc241d;
}

/* ================================ */
/*            window                 */
/* ================================ */

#window {
  color: #d3869b;
  margin-right: 4px;
}

window#waybar.empty #window {
  background-color: transparent;
  color: transparent;
  border-bottom: none;
  box-shadow: none;
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

/* ================================ */
/*            idle_inhibitor                 */
/* ================================ */

#idle_inhibitor {
  color: #458588;
  padding: 0;
}

/* ================================ */
/*            language                 */
/* ================================ */

#language {
  color: #fb4934;
}

/* ================================ */
/*            custom-audio                  */
/* ================================ */
#custom-audio {
  color: #d65d0e;
}

#custom-audio.muted {
  color: #cc241d;
}

/* ================================ */
/*            custom-brightness             */
/* ================================ */
#custom-brightness {
  color: #d79921;
}

/*================================= */
/*   custom-scratchpad-indicator    */
/*==================================*/
#custom-scratchpad-indicator {
  color: #8ec07c;
}

/* ================================ */
/*         pulseaudio               */
/* ================================ */
#pulseaudio {
  color: #83a598;
}

#pulseaudio.muted {
  color: #fb4934;
}

/* ================================ */
/*            custom-battery               */
/* ================================ */
#custom-battery {
  color: #689d6a;
}

#custom-battery.warning {
  color: #fe8019;
}

#custom-battery.critical {
  color: #cc241d;
}

/* ================================ */
/*            clock                 */
/* ================================ */
#custom-clock {
  color: #689d6a;
}

/* ================================ */
/*            Tags                 */
/* ================================ */

#tags {
  margin: 0px;
}

#tags button {
  color: #928374;
  background: #3c3836;
  padding: 0 4px;
  margin: 0px 2px;
  min-width: 15px;
}

#tags button:hover {
  color: #fff4d2;
  background: #fe8019;
}

#tags button:not(.occupied):not(.focused) {
  /* font-size: 0; */
  /* min-width: 0; */
  /* min-height: 0; */
  /* margin: 0; */
  /* padding: 0; */
  /* color: transparent; */
  /* background-color: transparent; */
}

#tags button.occupied {
  color: #fff4d2;
  background: #98971a;
}

#tags button.focused {
  color: #fff4d2;
  background: #fe8019;
}

#tags button.urgent {
  color: #fff4d2;
  background: #cc241d;
}