/* =========================
   Midnight-Ocean — Waybar GTK CSS
   ========================= */

/* Palette */
@define-color bg_main          rgba(11, 27, 43, 0.85);
@define-color bg_main_tooltip  rgba(11, 27, 43, 0.95);
@define-color bg_hover         rgba(79, 132, 204, 0.3);
@define-color bg_active        rgba(53, 107, 171, 0.7);
@define-color border_main      rgba(79, 132, 204, 0.5);
@define-color content_main     #FFFFFF; /* ← all text white */
@define-color content_inactive rgba(255, 255, 255, 0.45);
@define-color warning_color    #FFCC33;

/* Reset & Font */
* {
  font-family: "Inconsolata Go Nerd Font";
  font-size: 14px;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  color: @content_main;
}

/* Bar Background */
window#waybar {
  background: @bg_main;
  border-top: 1px solid @border_main;
}

/* Per-bar sizing nudges */
window#waybar.bar-dp2 * {
  font-size: 14px;
}
window#waybar.bar-dp1 * {
  font-size: 14px;
}
window#waybar.bar-hdmi * {
  font-size: 13px;
}

/* Tooltips */
tooltip {
  background: @bg_main_tooltip;
  border: 1px solid @border_main;
  border-radius: 4px;
  padding: 4px 6px;
}

/* Module Spacing & Hover */
.module {
  padding: 0 6px;
  margin: 0 2px;
}
.module:hover {
  background: @bg_hover;
}

/* HDMI: tighter modules to free center space */
window#waybar.bar-hdmi .module {
  padding: 0 4px;
}

/* Collapse empty/noise modules */
#mpris.empty,
#bluetooth.disconnected {
  padding: 0;
  margin: 0;
  border: none;
}

/* Separators */
#cpu,
#memory,
#disk,
#disk-nvme0,
#disk-nvme1,
#network,
#pulseaudio,
#bluetooth,
#power-profiles-daemon,
#custom-alhp,
#custom-razer-mouse-battery,
#custom-hyprsunset {
  /* ← new module gets a separator too */
  border-right: 1px solid @border_main;
}

/* Workspaces */
#workspaces {
  margin: 0 2px;
}
#workspaces button {
  padding: 4px 6px;
  color: @content_inactive;
}
#workspaces button:hover {
  background: @bg_hover;
  color: @content_main;
}
#workspaces button.active {
  background: @bg_active;
  color: @content_main;
  font-weight: 600;
}
#workspaces button.urgent {
  background: rgba(255, 204, 51, 0.35);
  color: @warning_color;
}

/* Window title (hyprland/window): truncation via config max-length */
#window {
  min-width: 0;
  font-weight: 500;
  padding: 0 6px;
}

/* MPRIS */
#mpris {
  min-width: 0;
  padding: 0 6px;
}

/* Tray & Clock */
#tray,
#clock {
  padding: 0 6px;
}
#tray > .passive {
  opacity: 0.7;
}
#tray > .needs-attention {
  color: @warning_color;
}

/* Battery states */
#battery.warning {
  color: @warning_color;
}
#battery.critical {
  color: @warning_color;
}
#battery.critical span {
  color: @warning_color;
}

/* Optional subtle accent for quick scanning (kept minimal; text still white overall) */
#cpu,
#network,
#pulseaudio,
#bluetooth,
#mpris,
#custom-hyprsunset {
  color: #dee6f7; /* very light tint; still reads as white on dark */
}

/* Drawer polish (DP-1) */
#custom-sys {
  padding: 0 8px;
  font-weight: 600;
}
.sys {
  padding: 0 6px;
}
.revealed .sys {
  background: rgba(79, 132, 204, 0.12);
}

/* Customs */
#custom-alhp,
#custom-razer-mouse-battery,
#custom-hyprsunset {
  padding: 0 6px;
}

/* Network states */
#network.disconnected {
  color: @warning_color;
}

/* Mic / Touchpad state tinting */
#custom-mic.muted { opacity: 0.6; }
#custom-touchpad.off { opacity: 0.6; }
#temperature.critical { color: #FFCC33; font-weight: 600; }

/* Backlight spacing */
#backlight { padding: 0 6px; border-right: 1px solid @border_main; }
#custom-mic, #custom-touchpad { padding: 0 6px; }

