@import "../colors";
@import '../../variables';

.menu-dropdown-label.audio {
    color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-volume-label-color);
}

.menu-label.audio {
    color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-volume-label-color);
}

.menu-button-isactive.audio {
    color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-volume-icons-active);
}

.menu-slider.playback {
    trough {
        background: if($bar-menus-monochrome, $bar-menus-slider-background, $bar-menus-menu-volume-audio_slider-background);

        highlight,
        progress {
            background: if($bar-menus-monochrome, $bar-menus-slider-primary, $bar-menus-menu-volume-audio_slider-primary);
        }
    }

    &:hover {
        trough {
            background: if($bar-menus-monochrome, $bar-menus-slider-backgroundhover, $bar-menus-menu-volume-audio_slider-backgroundhover);
        }

        slider {
            background: if($bar-menus-monochrome, $bar-menus-slider-puck, $bar-menus-menu-volume-audio_slider-puck);
        }
    }
}
.menu-slider.inputs {
    trough {
        background: if($bar-menus-monochrome, $bar-menus-slider-background, $bar-menus-menu-volume-input_slider-background);

        highlight,
        progress {
            background: if($bar-menus-monochrome, $bar-menus-slider-primary, $bar-menus-menu-volume-input_slider-primary);
        }
    }

    &:hover {
        trough {
            background: if($bar-menus-monochrome, $bar-menus-slider-backgroundhover, $bar-menus-menu-volume-input_slider-backgroundhover);
        }

        slider {
            background: if($bar-menus-monochrome, $bar-menus-slider-puck, $bar-menus-menu-volume-input_slider-puck);
        }
    }
}

.menu-active-button {
    .menu-active-icon.playback,
    .menu-active-icon.input {
        color: if($bar-menus-monochrome, $bar-menus-iconbuttons-active, $bar-menus-menu-volume-iconbutton-active);
        opacity: 1;
    }

    &.muted {
        .menu-active-icon.playback,
        .menu-active-icon.input {
            color: if($bar-menus-monochrome, $bar-menus-iconbuttons-passive, $bar-menus-menu-volume-iconbutton-passive);
            opacity: 1;
        }
    }
    &:hover {
        .menu-active-icon.playback,
        .menu-active-icon.input {
            color: if($bar-menus-monochrome, $bar-menus-iconbuttons-passive, $bar-menus-menu-volume-iconbutton-passive);
            opacity: 0.3;
        }
    }
    &.muted:hover {
        .menu-active-icon.playback,
        .menu-active-icon.input {
            color: if($bar-menus-monochrome, $bar-menus-iconbuttons-active, $bar-menus-menu-volume-iconbutton-active);
            opacity: 1;
        }
    }
}

.menu-button-icon.playback,
.menu-button-icon.input {
    color: if($bar-menus-monochrome, $bar-menus-icons-passive, $bar-menus-menu-volume-icons-passive);

    &.active {
        color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-volume-icons-active);
    }
}

.menu-button.audio {
    color: if($bar-menus-monochrome, $bar-menus-icons-passive, $bar-menus-menu-volume-icons-passive);

    .menu-button-name.playback,
    .menu-button-name.input {
        color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-volume-text);
    }


    &:hover {
        .menu-button-name.playback,
        .menu-button-name.input {
            color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-volume-icons-active);
        }
    }
}

.menu-section-container.volume {
    margin-bottom: 0.65em;
}

.menu-section-container.playback {
    margin-top: 0em;
    margin-bottom: 1em;
}

.menu-section-container.input {
    margin-top: 0em;
}

.menu-label-container.input {
    border-radius: 0em;
}

.menu-items-section.playback {
    border-radius: 0em;
}