/* Custom CSS Branding Override for Vikunja v0.24 */

/* ==========================================
   1. Стилизация логотипа на странице входа (Login)
   ========================================== */
.login-container .logo,
.login-logo {
    font-size: 0 !important;
    color: transparent !important;
}

/* Полностью скрываем все внутренние теги (SVG и SPAN текст) */
.login-container .logo *,
.login-logo * {
    display: none !important;
}

/* Подставляем кастомный логотип через псевдоэлемент */
.login-container::before {
    content: "";
    display: block;
    width: 220px;
    height: 80px;
    margin: 0 auto 1.5rem auto;
    background: url('/custom-assets/logo.svg') no-repeat center;
    background-size: contain;
}

/* ==========================================
   2. Стилизация логотипа в верхнем сайдбаре (Sidebar)
   ========================================== */
.sidebar .logo,
.sidebar-logo,
.navbar-brand,
.logo-container {
    font-size: 0 !important;
    color: transparent !important;
}

/* Скрываем все дочерние SVG и SPAN, чтобы исключить наложение текста */
.sidebar .logo *,
.sidebar-logo *,
.navbar-brand *,
.logo-container * {
    display: none !important;
}

/* Внедряем фоновое изображение кастомного SVG */
.sidebar .logo,
.sidebar-logo,
.navbar-brand {
    background: url('/custom-assets/logo.svg') no-repeat left center !important;
    background-size: contain !important;
    width: 170px !important;
    height: 40px !important;
    display: inline-block !important;
    margin: 0.5rem 0 !important;
}

/* ==========================================
   3. Скрытие иллюстрации пустого состояния (Лама)
   ========================================== */
[class*="empty-state"] img,
[class*="empty-state"] svg,
.empty-state img,
.empty-state svg,
img[alt*="llama"],
img[src*="llama"] {
    display: none !important;
}