/*
 * backgrounds.css — разделение фонов гостевого и авторизованного режима.
 * Sprint 2: стабилизация системы фонов.
 *
 * Режимы:
 *   body.zen-body.zen-guest  — гостевые страницы (Login, Register, Index без авторизации)
 *   body.zen-body.auth-bg    — авторизованный режим (фон из БД через inline в _Layout.cshtml)
 *
 * ВАЖНО: inline-стиль body { background-image: ... } в _Layout.cshtml
 * задаётся сервером (из БД). Этот файл добавляет только то, что
 * inline-стиль НЕ перекрывает — поведение фона и гостевой режим.
 */

/* =====================================================
   ГОСТЕВОЙ РЕЖИМ (.zen-guest)
   Класс применяется когда User.Identity.IsAuthenticated == false
   Фон: статичный пейзаж (из site.css, здесь — поведение)
   ===================================================== */
body.zen-body.zen-guest {
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Гостевой режим: inline-стиль из Layout НЕ должен применяться.
   Для этого на zen-guest мы сбрасываем background-image,
   чтобы сработал фон из site.css (.zen-guest { background-image: url(...) })
   Приоритет: этот блок имеет тот же специфичность — порядок загрузки важен.
   backgrounds.css подключается ПОСЛЕ site.css, поэтому переопределяет. */
body.zen-body.zen-guest {
    background-image: url("/images/guest-landscape-bg.png") !important;
    background-color: #cbd5e1 !important;
}

/* =====================================================
   АВТОРИЗОВАННЫЙ РЕЖИМ (.auth-bg)
   Фон задаётся сервером через inline-стиль в _Layout.cshtml
   Здесь только поведение фона
   ===================================================== */
body.zen-body.auth-bg {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

/* Light office — базовая серверная тема: фон рабочего пространства */
body.zen-body.auth-bg[data-color-palette="light-office"] {
    /* Фон задаётся через inline из БД (BackgroundImage).
       Здесь добавляем fallback если картинка не загрузилась */
    background-color: #dde3eb;
}

/* =====================================================
   ВИДЕО-ФОН (.auth-bg с video)
   ===================================================== */
body.zen-body.auth-bg[data-background-media-type="video"] {
    background-image: none !important;
}

/* Фаза 5: на узком экране — статичный постер вместо видео (настройка ForceStaticBackgroundOnMobile). */
@media (max-width: 768px) {
    body.zen-body.auth-bg[data-force-static-bg-mobile="true"][data-background-media-type="video"] .app-bg-video {
        display: none !important;
    }

    body.zen-body.auth-bg[data-force-static-bg-mobile="true"][data-background-media-type="video"] {
        background-image: var(--vd-mobile-static-bg) !important;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
    }
}