/* --- ЛОГИКА ПЕРЕКЛЮЧЕНИЯ --- */





/* Если экран БОЛЬШЕ 768px (Десктоп) */
@media (min-width: 768px) {
    html { font-size: 17px; }
    .bottom-nav {
        display: none !important; /* Скрываем нижнее меню */
    }
    body {
        padding-bottom: 0; /* Убираем лишний отступ снизу */
        padding-top: 20px; /* Убираем лишний отступ снизу */
    }
}

/* Если экран МЕНЬШЕ 768px (Мобильный) */
@media (max-width: 999px) {
    .navbar {
        display: none;
    }
    .bottom-nav {
        display: flex !important; /* Показываем нижнее меню */
    }
    body {
        padding-bottom: 100px; /* Отступ, чтобы контент не перекрывался */
        padding-top: 20px; /* Отступ, чтобы контент не перекрывался */
    }
    html { font-size: 14px; }

}


a {
    text-decoration: none;
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}


.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

:root {
    --bg-body-layout: linear-gradient(
                    to bottom, 
                    #3a6884 20%,    /* Темный оттенок вверху */
                    #274d65 40%,    /* Темный оттенок вверху */
                    #163446 80%,   /* Средний оттенок */
                    #072433 100%   /* Чуть более светлый внизу */
                );
                min-height: 100vh; /* Растягиваем на всю высоту экрана */;


    --bg-input: #6e7b83;

    --bg-nav_bottom: #072433;

    --text-gold: #c9a661;
    --btn-bac-color : #00a859;
    --card-bac-color : #8fa1ac;
}

body {
    background: var(--bg-body-layout);
    color: white;
    font-family: sans-serif;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

        .login-container {
            width: 100%;
            max-width: 400px;
            padding: 20px;
            text-align: center;
        }

        /* Логотип */
        .logo-circle {
            width: 120px;
            height: 120px;
            /*background-color: #d4af37;*/
            border-radius: 50%;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            /*border: 4px solid rgba(212, 175, 55, 0.3);*/
            position: relative;
        }

        .logo-circle i {
            font-size: 4rem;
            color: white;
        }

        .main-title {
            font-size: 1.6rem;
            font-weight: 500;
            margin-bottom: 40px;
            line-height: 1.2;
        }

        /* Кастомные инпуты */
        .form-group-custom {
            margin-bottom: 30px;
            text-align: left;
        }

        .label-custom {
            color: white;
            font-weight: 600;
            margin-bottom: 5px;
            display: block;
        }

        .input-custom {
            background: transparent !important;
            border: none !important;
            border-bottom: 2px solid rgba(255, 255, 255, 0.5) !important;
            border-radius: 0 !important;
            color: white !important;
            padding: 10px 0 !important;
            box-shadow: none !important;
        }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: white !important;
    transition: background-color 5000s ease-in-out 0s;
}

        .input-custom::placeholder {
            color: rgba(255, 255, 255, 0.4);
        }

        .password-wrapper {
            position: relative;
        }

        .password-toggle {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            cursor: pointer;
            font-size: 1.2rem;
        }

        /* Кнопки */
        .btn-gold {
            background-color: #e3c47e !important;
            border: none !important;
            color: #2c2c2c !important;
            font-weight: 700;
            padding: 14px !important;
            border-radius: 10px !important;
            width: 100%;
            margin-bottom: 15px;
        }

        .btn-outline-custom {
            border: 1px solid #d4af37 !important;
            background: transparent !important;
            color: #d4af37 !important;
            font-weight: 600;
            padding: 14px !important;
            border-radius: 10px !important;
            width: 100%;
        }

        /* Ссылки */
        .footer-links {
            margin-top: 25px;
        }

        .footer-link {
            color: white;
            text-decoration: underline;
            display: block;
            margin-bottom: 10px;
            font-size: 0.95rem;
        }

        .version-text {
            color: rgba(255, 255, 255, 0.6);
            font-size: 0.85rem;
            margin-top: 10px;
        }