@import "../omarchy/current/theme/waybar.css";

* {
  /* background-color: @background; */
  /* color: @foreground; */

  border: none;
  border-radius: 0;
  min-height: 0;
  font-family: 'Typestar OCR';
  font-size: 14px;
  padding: 1px;
}

.modules-left {
  margin-left: 5px;
}

.modules-right {
  margin-right: 5px;
}

window#waybar {
  background: @background;
  margin-top: 10px;
}

window#waybar.empty #window{
  background: transparent;
  color: transparent;
  padding: 0;
  margin-left: 5;
  transition: .5s;
}

mpris.empty {
  background: transparent;
}

#workspaces button {
  all: initial;
  padding: 3 10 3 5px;
  margin: 0 5px;
  min-width: 9px;
}
#workspaces button.active {
  background: @foreground;
  color: @background;
  border-radius: 30px;
  padding: 3 10 3 5;
}
#workspaces button:hover {
  background: alpha(@foreground, .3);
  border-radius: 30px;
  padding: 3 10 3 5;
  transition: .7s;
}
#workspaces button.active:hover {
  background: @foreground;
  color: @background;
  border-radius: 30px;
  padding: 3 10 3 5;
}
#workspaces button.empty {
  opacity: 0.3;
}

#custom-weather, #memory, #mpris, #window, #tray-expander, #workspaces, #clock, 
#cpu,
#battery,
#network,
#bluetooth,
#pulseaudio,
#custom-screenrecording-indicator,
#custom-update {
  background-color: alpha(@foreground, .1);
  
  padding: 5 10 5 10;
  margin: 5 0 5 0;
}
#mpris:hover, #window:hover, #clock:hover, 
#backlight:hover,
#cpu:hover,
#network:hover,
#bluetooth:hover,
#pulseaudio:hover,
#custom-screenrecording-indicator:hover,
#custom-update:hover {
  background-color: alpha(@foreground, .2); 
  transition: .7s;
}
#custom-expand-icon {
  margin-right: 7px;
}

#tray, #memory, #custom-weather {
  background-color: transparent;
  margin: 5 5 5 5;
  padding: 0 2 0 2;
}

#custom-update {
  font-size: 10px;
}

#clock {
  border-radius: 10px;
  padding: 0 10 0 10;
  margin: 5 5 5 5;
}

.hidden {
  opacity: 0;
}

#custom-screenrecording-indicator {
  border-radius: 10px;
  min-width: 12px;
  font-size: 10px;

  padding: 0 11 0 10;
}

#custom-screenrecording-indicator.active {
  color: #a55555;
}


/* EXTRA FIX! */
#custom-omarchy, #battery{
  background-color: @foreground;
  color: @background;
  min-width: 10px;

  border-radius: 10px;
  padding: 0 10px;
  margin: 5 0 5 5;
}

#workspaces, #mpris {
  margin: 5;
  border-radius: 10px;
}
#window, #mpris { 
  border-radius: 10px;
  padding: 5 10 5 10;
}

#tray-expander {
  padding: 0 0 0 10;
  margin-left: 1px;
  border-radius: 10;
}
#backlight {
  background-color: alpha(@foreground, .1);
  border-radius: 10px;
  padding: 5 10 5 10;
  margin: 5px;
}
#network {
  border-radius: 10 0 0 10;
}
#cpu {
  padding: 0 15 0 10;
  border-radius: 0 10 10 0;
  margin-right: 1px;
}
#pulseaudio {
  padding: 0 15 0 10;
}

tooltip {
  border-radius: 10px;
  background: @background;
  border: 3px solid alpha(@foreground, .5);
}
