/* /var/www/family_site/static/css/components/background.css */
/* ============================================================
   КОМПОНЕНТ: Единый фон для всего сайта
   ============================================================ */

/* ----- 1. ОБЩИЙ ФОН ДЛЯ ВСЕХ СТРАНИЦ ----- */
body {
    min-height: 100vh;
    position: relative;
    background: #e8edf2;
}

/* Фоновое изображение для всех страниц */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url("/static/img/orig.b8f2e33500ba.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    pointer-events: none;
}

/* ----- 2. ДОПОЛНИТЕЛЬНОЕ ЗАТЕМНЕНИЕ ДЛЯ СТРАНИЦ ЛОГИНА/РЕГИСТРАЦИИ ----- */
/* Чтобы текст был читаемым на тёмном фоне */
.login-page::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-base);
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}

.login-page .tile--panel {
    position: relative;
    z-index: calc(var(--z-base) + 1);
}

/* ----- 3. СТРАНИЦА ГАЛЕРЕИ (дополнительное затемнение) ----- */
body.gallery-page::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-base);
    background: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

body.gallery-page .tile--panel {
    position: relative;
}