/* Global Styles */
* {
    border: none;
    border-radius: 60px;
    font-family: "FiraCode Nerd Font","Font Awesome 6 Free", "cryptofont";
    font-weight: bold;
    font-size: 18px;
    min-height: 0px;
    margin: 1px 0px;
    padding: 0.5px 0px;
}

/* Module Styles */
.module {
    padding: 0px 10px;
    margin: 1px 1px;
}

/* Special Case: Left Margin for First Module in Left Section */
.modules-left>widget:first-child .module {
    margin-left: 5px;
}

/* Special Case: Right Margin for Last Module in Right Section */
.modules-right>widget:last-child .module {
    margin-right: 5px;
}

/* Window Styling */
window#waybar {
    background-color: transparent;
    color: black;
    transition: background-color 0.5s;
}

/* Make window module transparent when no windows present */
window#waybar.empty #window {
    background-color: transparent;
    background: transparent;
}

window#waybar.hidden {
    opacity: 0.2;
}

/* Tooltip styling */
menu,
tooltip {
    background: rgba(0, 0, 0, 0.9);
    border-radius: 7px;
    border: 0px transparent;
    border-image: linear-gradient(45deg, #FF7A99, #FFE099) 1;
    padding: 5px;
    box-shadow: 0 0 0 0px;
}

menu label,
tooltip label {
    color: #e0b2a5;
}

/* Workspaces Button Styling */
#workspaces button {
    color: #e76f8b;
    background: transparent;
    font-weight: bolder;
    box-shadow: inset 0 -3px transparent;
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding: 0 18px 0 8px;
}

#workspaces button.active {
    color: black;
    border-bottom: 2px solid transparent;
    /* border-top: 2px solid transparent; */
    border-image: linear-gradient(70deg, #e0b2a5, #e76f8b) 1;
    padding: 0 3px 0 2px;
    margin-left: 4px;
    margin-right: 9px;
}

#workspaces button.focused {
    background: black;
}

#workspaces button.visible {
    color: #e0b2a5;
}

#workspaces button.urgent {
    background: #e0b2a5;
    color: black;
    padding: 0px 16px 0px 13px;
    margin: 0px 3px 0px 9px;
}

#workspaces button:hover {
	color: #e0b2a5;
    background: black;
    border: 1.7px solid #e0b2a5;
    border-radius: 50px;
    padding: 0 19px 0 12px;
    margin: 0 10px 0 10px;
}

/* Specific Module Styles */
#language,
#custom-crypto,
#custom-tray-hide,
#backlight,
#cpu,
#cava,
#idle_inhibitor,
#bluetooth,
#memory,
#battery,
#temperature,
#custom-updates,
#clock,
#privacy,
#network,
#wireplumber,
#keyboard-state,
#custom-notification,
#custom-smallnc,
#taskbar,
#user,
#systemd-failed-units,
#power,
#load,
#jack,
#cpu-load,
#image,
#performance,
#workspaces {
    background-color: rgba(0, 0, 0, 1);
	border-radius: 300px;
	padding: 0px 15px 0px 15px;
    color: #e76f8b;
}

#workspaces:hover {
   	color: #e0b2a5;
}

#custom-crypto {
	padding-left: 18px;
	font-family: cryptofont, FiraCode Nerd Font;
}

#cpu {
	padding-left: 12px;
	padding-right: 14px;
}

#performance {
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
}

#backlight {
	padding-top: 2px;
	padding-bottom: 0px;
}

#cpu-load {
	padding-left: 0px;
	padding-right: 0px;
}

#power {
    margin: 0px 2px 0px 5px;
    padding-left: 0px;
    padding-right: 8px;
   	color: #e0b2a5;
}

#power:hover {
    margin: -14px 0px 0px 0px;
   	color: #e0b2a5;
}

#custom-quit,
#custom-lock,
#custom-reboot {
	font-size: 22px;
	margin: 0px -2px 0px 0px;
}

@keyframes hov {
    from {
        color: #e0b2a5;
    }
    
    to {
    	color: #e76f8b;
    	font-size: 38px;
    }
}

#custom-power:hover,
#custom-quit:hover,
#custom-lock:hover,
#custom-reboot:hover {
    animation: hov 0.1s linear 1 alternate;
    color: #e76f8b;
    font-size: 38px;
}

#custom-updates {
	color: #e0b2a5;
	padding: 0px 9px 0px 4px;
}

#temperature.critical {
   	color: #e0b2a5;
}

#network.disconnected,
#wireplumber.muted {
	color: #e0b2a5;
	padding-right: 10px;
}

#custom-tray-hide {
	padding-right: 20px;
}

#custom-notification {
	padding-right: 20px;
}

@keyframes energy {
    to {
        background: linear-gradient(45deg, #e0b2a5, #e76f8b);
		color: black;
    }
}

#battery.charging,
#battery.plugged {
    color: black;
    background: linear-gradient(45deg, #e76f8b, #e0b2a5);
}

#battery.plugged {
    animation: energy 0.6s linear infinite alternate;
}

#battery.charging {
    animation: energy 0.6s linear infinite alternate;
}

@keyframes blink {
    to {
        background-color: black;
		color: #e0b2a5;
    }
}

#battery.warning:not(.charging),
#battery.critical:not(.charging) {
    background-color: #e0b2a5;
    color: black;
}

#battery.warning:not(.charging) {
    animation: blink 1s linear infinite alternate;
}
#battery.critical:not(.charging) {
    animation: blink 0.5s linear infinite alternate;
}

/* Focused Label Background */
label:focus {
    background-color: black;
}

/* Keyboard State Styles */
#keyboard-state>label {
    padding: 0 5px;
}

#keyboard-state>label.locked {
    background: rgba(0, 0, 0, 0.2);
}

/* Tray Styles */
#tray {
    background-color: black;
}

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

#tray>.needs-attention {
    -gtk-icon-effect: highlight;
    padding: 0 5px;
    background-color: #e76f8b;
}

/* Gradient Module Styles */
#custom-view-mode,
#window {
    background: linear-gradient(45deg, #e76f8b, #e0b2a5);
    padding-left: 17px;
    padding-right: 17px;
}

@keyframes playing {
    from {
        background: linear-gradient(45deg, #e76f8b, #e0b2a5);
    }
    
    to {
    	background: linear-gradient(30deg, #e0b2a5, #e76f8b);
    }
}

#mpris.paused:not(.status-icons) {
	animation: none;
	background: linear-gradient(45deg, #e76f8b, #e0b2a5);
	padding-left: 17px;
    padding-right: 5px;
    border-radius: 30px;
}

#mpris:not(.status-icons) {
	padding-left: 15px;
    padding-right: 7px;
	animation: playing 1.3s ease infinite alternate;
}

