/*
 * AutomationEdge branding: swap GLPI logos for AutomationEdge ones.
 * The logo (orange + grey) is legible on both light and dark backgrounds,
 * so the same image is used for every palette variant.
 * URLs must be absolute: a relative url() inside a custom property resolves against
 * the stylesheet that *uses* the variable (GLPI core CSS), not this file.
 */
:root {
    --glpi-logo-light: url("/plugins/aebranding/pics/ae-logo.png");
    --glpi-logo-dark: url("/plugins/aebranding/pics/ae-logo.png");
    --glpi-logo-light-login: url("/plugins/aebranding/pics/ae-logo.png");
    --glpi-logo-dark-login: url("/plugins/aebranding/pics/ae-logo.png");
    --glpi-logo-light-reduced: url("/plugins/aebranding/pics/ae-icon.png");
    --glpi-logo-dark-reduced: url("/plugins/aebranding/pics/ae-icon.png");
}

/* Expanded sidebar / horizontal menu: GLPI's box is 100x55, our logo is ~8:1 */
.page .glpi-logo {
    background-size: contain;
    background-position: center;
    width: 190px;
    height: 40px;
}

/* Collapsed sidebar keeps GLPI's 40x40 box; centre the square icon */
body.navbar-collapsed .navbar-brand .glpi-logo {
    background-position: center;
}

/* Login and other anonymous pages: GLPI uses `content:` in a 200x110 box */
.page-anonymous .glpi-logo {
    width: 280px;
    height: 35px;
    object-fit: contain;
}