/*
 * The look of globalmedik.com: its logos and colors over every GLPI palette, the login page included
 * (added by setup.php). The favicon comes with the Docker image (docker/glpi/favicon.ico).
 */

/* Turquoise buttons and links instead of the GLPI yellow; the menu in the dark turquoise of the site footer. */
html:root[data-glpi-theme] {
    --tblr-primary-rgb: 30, 141, 142;
    --tblr-primary: rgb(30, 141, 142);
    --tblr-primary-fg: #fff;
    --tblr-primary-darken: #0f6667;
    --tblr-link-color-rgb: 21, 122, 123;
    --tblr-link-color: rgb(21, 122, 123);
    --glpi-mainmenu-bg: #177b7c;
    --glpi-mainmenu-fg: #fff;
    --glpi-mainmenu-fg-muted: #ffffffb3;
    --glpi-mainmenu-active-bg: rgb(255 255 255 / 16%);
    --glpi-form-header-fg: #0f6667;
    --glpi-palette-color-1: #1e8d8e;
    --glpi-palette-color-2: #fff;
    --glpi-palette-color-3: #27c1c2;
    --glpi-palette-color-4: #ff783e;
}

body .sidebar {
    background: linear-gradient(180deg, #1e8d8e 0%, #0f6667 100%);
    /* Accents inside the menu (open section, current page) in light turquoise */
    --tblr-primary-rgb: 109, 219, 217;
    --tblr-primary: rgb(109, 219, 217);
}

/* Logos: white on the menu, the "G" mark when the menu is collapsed, turquoise on the login page */
body:not(.navbar-collapsed) .sidebar .glpi-logo,
.topbar .glpi-logo {
    background-image: url("../pics/logo-white.png");
    background-position: center;
    background-size: contain;
    width: 180px;
    height: 48px;
}

body.navbar-collapsed .sidebar .navbar-brand .glpi-logo {
    background-image: url("../pics/logo-mark-white.png");
}

body .page-anonymous .glpi-logo {
    content: url("../pics/logo.png");
    width: 260px;
    height: auto;
}

/* Buttons with the gradient of the site; plain darker turquoise on hover */
.btn-primary {
    background-image: linear-gradient(92deg, #27c1c2 0%, #1e8d8e 100%);
    border-color: #1e8d8e;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-image: none;
}

/* Tab counters in the orange of the site's figures */
#tabspanel .glpi-badge {
    --glpi-badge-bg: #ffe8dd;
    --glpi-badge-fg: #c2501f;
}