/* ~/.config/waybar/style.css */
@import "./catppuccin-waybar/themes/mocha.css";

/* --- Global Reset --- */
* {
  border: none;
  border-radius: 0;
  min-height: 0;
  font-family: JetBrainsMono Nerd Font, monospace;
  font-size: 13px;
  transition: all 0.2s ease;
}

/* --- Bar Background (Floating Island Style) --- */
window#waybar {
  background-color: transparent;
  color: @text;
}

/* --- Shared Island Styling --- */
#workspaces,
#window,
#clock,
#tray,
#custom-sys,
#custom-cpu,
#custom-gpu,
#custom-mem,
#custom-network,
#custom-btrfs,
#custom-disk-root,
#custom-pixelbuds_pro,
#custom-bluetooth-audio,
#custom-volume,
#custom-mic,
#custom-gamemode,
#custom-gpu-screen-recorder,
#custom-power_status {
  background-color: alpha(@surface0, 0.95);
  margin: 4px 2px;
  padding: 0 12px;
  border-radius: 5px;
  border: 1px solid alpha(@surface1, 0.5);
}

/* --- Top Bar Special Handling --- */
window#waybar.top {
  margin-top: 6px;
}

/* --- Bottom Bar Special Handling --- */
window#waybar.bottom {
  margin-bottom: 6px;
}

/* --- Workspaces --- */
#workspaces button {
  padding: 0 8px;
  margin: 4px 2px;
  border-radius: 5px;
  color: @subtext0;
  background-color: transparent;
}

#workspaces button.active {
  color: @blue;
  background-color: @surface1;
}

#workspaces button.urgent {
  color: @red;
}

#workspaces button:hover {
  background-color: @surface2;
  color: @text;
}

/* --- Clock (Centered Pill) --- */
#clock {
  color: @mauve;
  font-weight: bold;
}

/* --- Power Status --- */
#custom-power_status {
  font-weight: bold;
}
#custom-power_status.charging { color: @green; border-color: @green; }
#custom-power_status.bat { color: @yellow; }
#custom-power_status.warning { color: @peach; }
#custom-power_status.critical { 
  color: @red; 
  border-color: @red;
  animation: blink 1s infinite alternate;
}

@keyframes blink {
  to { background-color: alpha(@red, 0.4); }
}

/* --- Hardware Metrics (Left Bottom) --- */
#custom-sys { color: @teal; }
#custom-cpu { color: @blue; }
#custom-mem { color: @lavender; }
#custom-network { color: @sapphire; }

#custom-cpu.high, #custom-mem.high { color: @yellow; }
#custom-cpu.max, #custom-mem.max { color: @red; }

/* --- Center Bottom Utilities --- */
#custom-gamemode { color: @yellow; }
#custom-gamemode.active { color: @red; border-color: @red; }

/* --- Right Bottom Controls --- */
#custom-disk-root { color: @sky; }
#custom-volume { color: @mauve; }
#custom-mic { color: @flamingo; }
#custom-volume.muted, #custom-mic.muted { color: @overlay0; }

#custom-bluetooth-audio { color: @blue; }

/* --- Tooltip --- */
tooltip {
  background-color: alpha(@base, 0.95);
  border: 1px solid @surface1;
  border-radius: 5px;
}

tooltip label {
  color: @text;
  padding: 8px;
}