/* Waybar style - Hyprland-Rice inspired with DWM colors */
/* Based on: github.com/CtrlLuzzio/Hyprland-Rice */

* {
    border: none;
    border-radius: 0;
    font-size: 14px;
    min-height: 0;
    font-family: "Berkeley Mono", "FiraCode Nerd Font", monospace;
}

window#waybar {
    background: transparent;
}

#workspaces {
    padding: 0.2rem;
}

#workspaces button {
    padding: 0.5rem;
    margin: 0.2rem;
    background-color: transparent;
    color: #bbbbbb;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

#workspaces button.active {
    background: #daa520;
    color: #222222;
    border-radius: 1rem;
}

#workspaces button.urgent {
    background-color: rgba(255, 88, 88, 0.4);
}

.modules-right, .modules-left {
    background-color: #222222;
    border-radius: 1rem;
    padding: 0.2rem 0.6rem;
    margin: 0.3rem;
    border: 0.095rem solid #daa520;
    box-shadow: 0rem 0.2rem 0.4rem rgba(0,0,0,0.5);
}

#cpu,
#memory,
#disk,
#wireplumber,
#tray,
#clock {
    padding: 0.4rem;
    margin: 0.3rem;
    color: #bbbbbb;
    background-color: transparent;
    border-radius: 1rem;
}

#sysmonitor {
    margin: 0.3rem;
    background-color: transparent;
    border-radius: 1rem;
}

#cpu:hover,
#memory:hover,
#disk:hover,
#wireplumber:hover,
#sysmonitor:hover {
    background-color: #444444;
    border-radius: 1rem;
}

#clock {
    color: #eeeeee;
}

#wireplumber {
    color: #daa520;
}

#wireplumber.muted {
    color: #666666;
}

#tray > .passive {
    -gtk-icon-effect: dim;
}

#tray > .needs-attention {
    -gtk-icon-effect: highlight;
    background-color: #daa520;
}