/*
 * EVOXDESK - brand of the evoxdesk plugin for GLPI (logo only for now).
 *
 * The core declares the logo images as custom properties on :root
 * (css/includes/_base.scss); plugin stylesheets load after the core, so the
 * same selector here wins. Absolute paths: a relative url() inside a custom
 * property would resolve against the stylesheet that uses it, not this one.
 *
 * - "light" images are for dark backgrounds (main menu, dark palette);
 * - "dark" images are for light backgrounds (login card, light pages);
 * - "reduced" is the collapsed main menu: only the Evox mark.
 */
:root {
    --glpi-logo-light: url("/plugins/evoxdesk/pics/logo-evox-light.svg");
    --glpi-logo-light-reduced: url("/plugins/evoxdesk/pics/logo-evox-icon.svg");
    --glpi-logo-dark: url("/plugins/evoxdesk/pics/logo-evox.svg");
    --glpi-logo-dark-reduced: url("/plugins/evoxdesk/pics/logo-evox-icon.svg");
    --glpi-logo-dark-login: url("/plugins/evoxdesk/pics/logo-evox.svg");
    --glpi-logo-light-login: url("/plugins/evoxdesk/pics/logo-evox-light.svg");
}

/* The GLPI images are 100 px wide bitmaps; the Evox logo is a wide SVG. */
.page .glpi-logo {
    background-size: contain !important;
    background-position: center !important;
}

.page-anonymous .glpi-logo {
    object-fit: contain;
}