/* =============================================================================
 *  FRUMPELS WAYBAR STYLE (Der "Floating Pill" Look)
 *  ============================================================================= */

/* Globaler Reset: Wir entfernen alle hässlichen Standard-Rahmen */
* {
    border: none;
    border-radius: 0;
    /* WICHTIG: Hier müsst ihr eure installierte Schriftart eintragen! */
    font-family: "Inter", "JetBrainsMono Nerd Font", sans-serif;
    font-weight: 700;
    font-size: 12px;
    min-height: 0;
}

/* Die Leiste selbst ist komplett transparent (unsichtbar) */
window#waybar {
    background: transparent;
    color: #ffffff;
}

/* --- DAS PILLEN-DESIGN --- */
/* Hier passiert die Magie: Jedes Modul bekommt einen Hintergrund */
#clock,
#cpu,
#memory,
#temperature,
#pulseaudio,
#battery,
#tray,
#workspaces {
background-color: rgba(30, 30, 46, 0.85); /* Dunkelblau, leicht transparent */
padding: 2px 10px;      /* Platz um den Text herum */
margin: 4px 3px;        /* Abstand zwischen den "Pillen" */
border-radius: 12px;    /* Macht die Ecken rund (Pillen-Form) */
color: #cdd6f4;         /* Textfarbe */

/* Ein kleiner Schatten für den 3D-Effekt */
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Workspaces Spezial-Behandlung */
#workspaces button {
padding: 0 5px;
color: #7f849c;
}
#workspaces button.active {
color: #cba6f7; /* Helles Lila für den aktiven Desktop */
}

/* Alarm-Farben (Wenn der PC brennt oder Akku leer ist) */
#temperature.critical,
#battery.critical {
background-color: #f38ba8; /* Rot */
color: #1e1e2e;            /* Dunkle Schrift */
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}

/* Blink-Animation für kritische Zustände */
@keyframes blink {
    to {
        background-color: #ffffff;
        color: #000000;
    }
}