/*
 * Брендирование задачника под ЭкоВанну.
 *
 * Файл подмешивается в страницу средствами nginx (sub_filter), потому что
 * интерфейс задачника лежит внутри исполняемого файла программы и править его
 * напрямую нельзя — при обновлении правки потерялись бы.
 *
 * Все правила с !important: перебиваем готовые стили программы.
 */

:root {
	--ev-green: #0b9a4a;
	--ev-green-dark: #07713a;

	/* Фирменный зелёный вместо синего: кнопки, ссылки, отметки. */
	--primary: #0b9a4a;
	--primary-dark: #07713a;
	--link: #07713a;
	--link-hover: #0b9a4a;
}

/* ==========================================================================
   Страница входа
   ========================================================================== */

/* Было: лама в углу. Стало: банка жидкого акрила с главной страницы сайта.
   Светлая подложка поверх фотографии нужна, чтобы тёмный логотип и белая
   карточка входа читались на любом снимке. */
.no-auth-wrapper {
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(233, 246, 238, 0.95)),
		url('/brand/hero.jpg') !important;
	background-repeat: no-repeat, no-repeat !important;
	background-size: cover, cover !important;
	background-position: center center, center 28% !important;
	background-attachment: fixed, fixed !important;
}

/* Логотип вместо ламы с надписью Vikunja. Рисунок самой программы скрыт
   ниже одним правилом для всех мест.
   Высоту задаём через min-height: обычную height программа выставляет своим
   правилом с !important, и наше значение проигрывало. */
.no-auth-wrapper > .logo {
	width: 300px !important;
	min-height: 76px !important;
	background: url('/brand/logo.png') center / contain no-repeat !important;
}

/* Боковая картинка рядом с формой: та же банка, но без осветления —
   поверх неё программа сама кладёт затемнение для белой надписи. */
.noauth-container section.image {
	background-image: url('/brand/hero.jpg') !important;
	background-size: cover !important;
	background-position: 38% center !important;
}

/* Адрес сервера и ссылка «изменить» — техническая надпись, людям она только
   мешает: по ошибке можно увести приложение на чужой адрес. */
.api-config {
	display: none !important;
}

/* Экран «нет сети» тоже был с ламой. */
.offline {
	background-image: none !important;
	background-color: var(--ev-green-dark) !important;
}

/* ==========================================================================
   Внутри приложения
   ========================================================================== */

/* Рисованный логотип программы — во всех местах сразу. */
svg.logo {
	display: none !important;
}

/* Верхняя полоса и боковое меню: наш логотип вместо скрытого рисунка.
   Размер задаём явно — без рисунка внутри блок схлопнулся бы. */
a.logo-link > div,
a.logo > div {
	width: 176px !important;
	min-height: 44px !important;
	background: url('/brand/logo.png') left center / contain no-repeat !important;
}

/* «При поддержке Vikunja» в самом низу бокового меню. */
.menu-bottom-link {
	display: none !important;
}