/* --- This file has been auto-generated. For permanent changes alter the appropriate block in the README.org. --- */
@import url("file:///home/henrov/.config/shared/Colors.css");

/* Global styles */
   * {
    background-color: transparent;
    color: @text;
    font-family: "JetBrainsMono Nerd Font", monospace;
    font-size: 12pt;
}

/* --- DRUN menu (full size) --- */
#main {
    background:
        linear-gradient(@base-alpha, @base-alpha) padding-box, /* Inner fill */
        linear-gradient(45deg, @blue, @green) border-box;      /* Gradient border */
    border: 2px solid transparent; /* required for border-box layering */
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 800px;
    height: 600px;
}

/* --- DMENU menu --- */
#dmenu {
    background:
        linear-gradient(@base-alpha, @base-alpha) padding-box,
        linear-gradient(45deg, @blue, @green) border-box;
    border: 2px solid transparent;
    border-radius: 30px;
    padding: 10px; /* smaller padding for half-height */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: 800px;
    height: 150px;
}

/* Input field */
#input {
    background-color: @surface0;
    color: @text;
    border: 1px solid @surface1;
    border-radius: 30px;
    padding: 5px 10px;
    margin-bottom: 10px;
}

/* Entries */
#entry {
    background-color: rgba(200,200,200,0.2);
    color: @text;
    border-radius: 30px;
    padding: 5px 10px;
    margin: 2px 0;
    border: 2px solid transparent; /* needed for gradient on selection */
    transition: all 0.2s ease;
}

/* Entry focus (hover or typing) */
#entry:focus {
    background:
        linear-gradient(@base-alpha, @base-alpha) padding-box,
        linear-gradient(45deg, @blue, @green) border-box;
    color: @lavender;
    border-radius: 30px;
}

/* Entry selection */
#entry:selected {
    background:
        linear-gradient(@base-alpha, @base-alpha) padding-box,
        linear-gradient(45deg, @blue, @green) border-box;
    color: @text;
    border-radius: 30px;
}

/* Scrollbar */
#scrollbar {
    background-color: @surface0;
    border-radius: 30px;
    width: 8px;
}

#scrollbar.handle {
    background-color: @blue;
    border-radius: 30px;
}