/*
 * Стилі адмін-панелі з підтримкою мультибрендингу
 * CSS змінні встановлюються в base_site.html на основі CURRENT_BRAND
 */

/* Шапка адмін-панелі */
#header {
    background: var(--brand-primary) !important;
    color: white !important;
}

#branding h1,
#branding h1 a {
    color: white !important;
    font-weight: bold;
}

/* Колір кнопок */
.button,
input[type=submit],
.submit-row input[type="submit"] {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: white !important;
}

.button:hover,
input[type=submit]:hover,
.submit-row input[type="submit"]:hover {
    background-color: var(--brand-secondary) !important;
}

/* Панелі */
.module h2 {
    background: var(--brand-light) !important;
    color: #333 !important;
}

/* Прибираємо "Django administration" текст */
#site-name a {
    text-decoration: none;
    font-size: 18px;
}

/* Хлібні крихти */
div.breadcrumbs {
    background: var(--brand-dark) !important;
}

/* Заголовки модулів */
.module h2,
.module caption,
.inline-group h2,
summary {
    background: var(--brand-secondary) !important;
    border: none !important;
}

/* Активні посилання */
a:link,
a:visited {
    color: var(--brand-primary);
}

/* Відмічені чекбокси та radio */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: var(--brand-primary);
}