/* Стили для верхней панели (шапки) */
.main-header {
    background-color: #0a0a0a;  /* Темно-серый цвет фона хедера */
    padding: 15px 30px;         /* Отступы внутри хедера: 15px сверху/снизу, 30px слева/справа */
    display: flex;              /* Включаем Flexbox, чтобы элементы внутри стояли в ряд */
    align-items: center;        /* Выравниваем элементы внутри хедера строго по вертикальному центру */
    border-bottom: 1px solid #1a1a1a; /* Рисуем тонкую темную линию под хедером */
}

/* Стили для текста логотипа */
.logo {
    color: #ffffff;             /* Белый цвет текста */
    font-size: 22px;            /* Размер букв */
    font-weight: 700;           /* Жирность шрифта (700 — это Bold) */
    text-transform: uppercase;  /* Автоматически делаем все буквы ЗАГЛАВНЫМИ */
    letter-spacing: 1px;        /* Добавляем небольшое расстояние между буквами */
    margin-left: 120px;         /* Сдвигаем логотип вправо, чтобы он не перекрывался раскрытым меню */

    /* Новые свойства для ссылки */
    text-decoration: none; /* Убираем подчеркивание */
    cursor: pointer;       /* Указатель при наведении */
    display: inline-block;
}


/* Контейнер для кнопки (или сама кнопка) */
.header-right {
    margin-left: auto;   /* МАГИЯ: забирает всё свободное место и толкает блок вправо */
    margin-right: 120px; /* Твой фиксированный отступ 150px от правого края */
}

/* Стили для кнопки Войти */
.admin-login {
    color: #ffffff;             /* Белый текст */
    text-decoration: none;      /* Убираем синее подчеркивание ссылки */
    font-size: 14px;            /* Размер чуть меньше логотипа */
    padding: 8px 16px;          /* Делаем область вокруг текста кликабельной */
    border: 1px solid #333;     /* Рисуем тонкую рамку */
    border-radius: 4px;         /* Скругляем углы кнопки */
    transition: background 0.3s; /* Подготавливаем почву для :hover */
}

/* Тот самый :hover, о котором мы говорили */
.admin-login:hover {
    background-color: #ffffff;  /* При наведении фон становится белым */
    color: #000000;             /* А текст — черным */
}