/*
 * Бренд ХНМУ для світлих тем GLPI. Значення взято з токенів dovidka
 * (public/assets/css/knmu-tokens.css): --knmu-brand #005F47, --knmu-brand-hover #003928,
 * --knmu-brand-focus #2D8F76, --knmu-brand-soft #CFF1E4, --knmu-brand-tint #EBF9F4,
 * --knmu-brand-deep #327220, --knmu-accent #FFD964 (золото логотипа).
 *
 * Селектор із data-glpi-theme-dark="0" сильніший за :root ядра і за палітри
 * :root[data-glpi-theme="..."], тож бренд діє в будь-якій світлій палітрі, а темні не чіпає.
 */
:root[data-glpi-theme-dark="0"] {
    --knmu-brand: #005F47;
    --knmu-brand-hover: #003928;
    --knmu-brand-focus: #2D8F76;
    --knmu-brand-soft: #CFF1E4;
    --knmu-brand-tint: #EBF9F4;
    --knmu-brand-deep: #327220;
    --knmu-accent: #FFD964;
    --knmu-accent-rgb: 255, 217, 100;
    --knmu-on-brand: #fff;

    --tblr-primary-rgb: 0, 95, 71;
    --tblr-primary: rgb(var(--tblr-primary-rgb));
    --tblr-primary-fg: var(--knmu-on-brand);
    --tblr-primary-darken: var(--knmu-brand-hover);
    --tblr-link-color-rgb: 0, 95, 71;
    --tblr-link-color: rgb(var(--tblr-link-color-rgb));
    --tblr-link-hover-color: var(--knmu-brand-hover);
    --tblr-navbar-color: var(--knmu-brand);

    --glpi-mainmenu-bg: var(--knmu-brand);
    --glpi-mainmenu-fg: var(--knmu-on-brand);
    --glpi-mainmenu-fg-muted: color-mix(in srgb, var(--knmu-on-brand), transparent 30%);

    --glpi-palette-color-1: var(--knmu-brand);
    --glpi-palette-color-2: var(--knmu-on-brand);
    --glpi-palette-color-3: var(--knmu-brand-deep);
    --glpi-palette-color-4: var(--knmu-brand-soft);
}

/*
 * Логотип задаємо прямим правилом, а не через змінні --glpi-logo-*: url() у змінній
 * розв'язується від таблиці ядра, де її вжито, і веде на неіснуючий /pics/knmu-logo.png.
 * Герб ХНМУ майже квадратний, а місце під логотип GLPI широке: вписуємо без обрізання.
 */
.glpi-logo {
    background-image: url("../pics/knmu-logo.png") !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/*
 * Шапка як в arhiv: герб на прозорому тлі прямо на зеленому, поруч назва білим жирним
 * (arhiv: герб 52 px, назва 20 px bold). У згорнутому меню лише герб.
 */
.page .navbar-brand {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
}

.page .glpi-logo {
    flex: 0 0 auto;
    width: 52px !important;
    height: 50px !important;
}

.page .navbar-brand::after {
    content: "Медобладнання ХНМУ";
    flex: 0 1 auto;
    min-width: 0;
    max-width: 9rem;
    color: var(--knmu-on-brand, #fff);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    white-space: normal;
}

body.navbar-collapsed .page .navbar-brand::after,
body.navbar-collapsed .navbar-brand::after {
    display: none;
}

body.navbar-collapsed .page .glpi-logo {
    width: 40px !important;
    height: 38px !important;
}

/* Сторінка входу: герб і назва під ним темно-зеленим на світлому тлі. */
.page-anonymous .glpi-logo {
    content: url("../pics/knmu-logo.png") !important;
    width: 96px;
    height: 91px;
}

.page-anonymous .glpi-logo + * {
    margin-top: 0;
}

.page-anonymous .text-center .col-md::after {
    content: "Медобладнання ХНМУ";
    display: block;
    margin-top: -0.5rem;
    margin-bottom: 1.5rem;
    color: var(--knmu-brand);
    font-size: 1.375rem;
    font-weight: 700;
}

/* Наведення основної кнопки в тон бренду, а не на 10% темніше від жовтого ядра. */
:root[data-glpi-theme-dark="0"] .btn-primary:hover,
:root[data-glpi-theme-dark="0"] .btn-primary:focus-visible {
    background-color: var(--knmu-brand-hover);
    border-color: var(--knmu-brand-hover);
    color: var(--knmu-on-brand);
}

/*
 * Бокове меню. Ядро фарбує активний і наведений пункт та лівий маркер у --tblr-primary
 * (css/includes/components/_global-menu.scss), розраховуючи на акцент, відмінний від фону меню
 * (у ядрі жовтий на синьому). У нас primary = фон меню, тож у межах меню primary стає
 * золотим акцентом ХНМУ (#FFD964, 5.6:1 на #005F47); кнопки й посилання поза меню лишаються зеленими.
 */
:root[data-glpi-theme-dark="0"] .sidebar {
    --tblr-primary-rgb: var(--knmu-accent-rgb);
    --tblr-primary: var(--knmu-accent);
}

/* Активний розділ: суцільний золотий текст замість 90% прозорості ядра. */
:root[data-glpi-theme-dark="0"] .sidebar #navbar-menu .nav-item .nav-link.active,
:root[data-glpi-theme-dark="0"] .sidebar #navbar-menu .nav-item .nav-link.show {
    color: var(--knmu-accent);
    border-left-color: var(--knmu-accent);
}

/*
 * Активний пункт підменю: у ядрі його фон такий самий, як у всього підменю (чорне 10%),
 * тож відрізняє лише жирність. Даємо світле накладання і суцільний золотий маркер.
 */
:root[data-glpi-theme-dark="0"] .sidebar #navbar-menu .nav-link.active + .dropdown-menu .dropdown-item.active,
:root[data-glpi-theme-dark="0"] .sidebar #navbar-menu .nav-link.show + .dropdown-menu .dropdown-item.active {
    background-color: rgb(255 255 255 / 16%);
    border-left-color: var(--knmu-accent);
    color: var(--knmu-on-brand);
}

/*
 * Згорнуте меню: підменю випадає білим вікном (фон --glpi-mainmenu-fg), де золото нечитабельне,
 * тому всередині вікна повертаємо зелений бренд.
 */
:root[data-glpi-theme-dark="0"] body.navbar-collapsed .sidebar #navbar-menu .dropdown-menu {
    --tblr-primary-rgb: 0, 95, 71;
    --tblr-primary: var(--knmu-brand);
}

:root[data-glpi-theme-dark="0"] body.navbar-collapsed .sidebar #navbar-menu .nav-link + .dropdown-menu .dropdown-item.active {
    background-color: var(--knmu-brand-soft);
    border-left-color: var(--knmu-brand);
    color: var(--knmu-brand-hover);
}

/* Посилання на суцільному кольоровому алерті беруть колір тексту алерту, а не зелений бренд. */
.alert-important a {
    color: inherit;
    text-decoration: underline;
}

/* Фокус поля: межа брендова (--knmu-brand-focus), а не блакитна з Tabler. */
:root[data-glpi-theme-dark="0"] .form-control:focus,
:root[data-glpi-theme-dark="0"] .form-select:focus {
    border-color: var(--knmu-brand-focus);
}

/*
 * Блок «Вхід через Google» плагіна singlesignon: його акцент синій (--sso-accent у
 * plugins/singlesignon/public/css/login.css), переводимо на бренд ХНМУ.
 */
:root[data-glpi-theme-dark="0"] .singlesignon-auth-stack,
:root[data-glpi-theme-dark="0"] .singlesignon-login {
    --sso-accent: var(--knmu-brand);
    --sso-button-hover: var(--knmu-brand-tint);
    --sso-button-focus: color-mix(in srgb, var(--knmu-brand-focus), transparent 65%);
}