/* ============================================================
   КОМПОНЕНТ: Единый фон для всего сайта
   ============================================================ */

/* ----- 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.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    pointer-events: none;
}

/* Убираем лишние слои */
body::after {
    display: none;
}

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

.login-page .glass {
    position: relative;
    z-index: 2;
}

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

body.gallery-page .glass {
    position: relative;
    z-index: 2;
}