/* ---------------------------
   Default Waybar Styling
--------------------------- */

* {
  color: #ffffff;
}


menu {
  background-color: #222222;
  border-radius: 8px;
  border: 1px solid #313244;
}

menu menuitem {
  padding: 6px 12px;
  color: #cdd6f4;
}

menu menuitem:hover {
  background-color: #45475a;
}

/* General bar */
#waybar {
    background-color: #222222;  /* Default dark gray bar */
    color: #ffffff;             /* Default text color */
}

/* Modules */
.module {
    margin: 0 4px;
}

/* Hover effect (minimal) */
.module:hover {
    opacity: 0.8;
}

/* Separators */
.separator {
    margin: 0 2px;
}

#taskbar button {
  background: transparent;
  border: none;
  box-shadow: none;
}

#taskbar button:hover {
  background-color: rgba(180, 190, 254, 0.15);
  border-radius: 6px;
}

#taskbar button.active {
  background-color: rgba(180, 190, 254, 0.3);
}

/* Workspace buttons */
#workspaces button {
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Hover */
#workspaces button:hover {
  background-color: rgba(180, 190, 254, 0.15);
  border-radius: 6px;
}

/* Active workspace */
#workspaces button.active {
  background-color: rgba(180, 190, 254, 0.35);
}

/* Icons */
i {
    margin-right: 2px;
}