@charset "UTF-8";

/* 1. БАЗОВЫЕ НАСТРОЙКИ СТРАНИЦЫ */
html, body { 
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-family: 'Tahoma', 'Segoe UI', sans-serif;
    overflow-x: hidden;
}

* { box-sizing: border-box; }

img.background {
    z-index: -2000;	
    min-height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    object-fit: cover;
}

/* 2. ШАПКА: ВЫРАВНИВАНИЕ ПО ВЕРХУ (ОДИН УРОВЕНЬ) */
header {
    display: flex;
    /* МЕНЯЕМ center на flex-start, чтобы выровнять по первой строке */
    align-items: flex-start;  
    justify-content: center;  
    gap: 40px;                
    /* Увеличим верхний отступ (с 30 до 50), чтобы шапка не прилипала к верху экрана */
    padding: 50px 20px 30px; 
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* ОДИНАКОВЫЕ ШРИФТЫ И ЦЕНТРОВКА СТРОК */
.top-title, .bottom-contact {
    flex: 1;
    display: flex;
    flex-direction: column;   
    align-items: center;      
    justify-content: center;
    text-align: center;       
    color: #E0E0E0;
    text-shadow: 2px 2px 4px #000;
    font-family: 'Trebuchet MS', 'Segoe UI', sans-serif;
    font-weight: 500;
    line-height: 1.1; 
    margin: 0;
    /* Убедимся, что блоки начинаются строго сверху */
    align-self: flex-start; 
}

.top-title { font-size: 13pt; }
.bottom-contact { font-size: 13pt; }

/* ЗОЛОТАЯ ПОЧТА (ИСПРАВЛЕНО) */
.bottom-contact a { 
    margin-top: 8px;
    color: #FFD700 !important; /* Теперь золотая */
    font-family: 'Tahoma', sans-serif;
    font-size: 14pt;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 215, 0, 0.4); /* Золотистая линия */
    transition: 0.3s;
}

.bottom-contact a:hover {
    color: #ffffff !important; 
    border-bottom-color: #ffffff;
    text-shadow: 0 0 10px #FFD700;
}

/* КНОПКА С ПЧЕЛОЙ И ЭФФЕКТОМ "НИМБА" */
.loud-link-hover-avatar {
    /* Можно добавить небольшой отступ сверху, если нимб будет касаться края */
    margin-top: -5px; 
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid rgba(255, 215, 0, 0.9);
    background: #FFD700 url('honeybee.jpg') no-repeat center;
    background-size: cover;
    cursor: pointer;
    flex-shrink: 0;
    transition: 0.4s ease-in-out;
    box-shadow: 0 0 15px #FFD700, 0 0 30px rgba(255, 215, 0, 0.6);
}

.loud-link-hover-avatar:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px #FFD700, 0 0 50px rgba(255, 215, 0, 0.8);
}

/* 3. КОНТЕЙНЕР (ЗОЛОТАЯ РАМКА) */
#container {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 25px;
    width: 90%;
    max-width: 1050px;
    margin: 20px auto;
    padding: 25px;
    border: 2px solid #FFD700;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.5); 
}

#container img {
    width: 100%;
    border-radius: 10px;
    display: block;
    transition: 0.3s;
}
#container img:hover { filter: brightness(1.2); }

/* ФУТЕР: ШИРОКИЙ ПО ГОРИЗОНТАЛИ, УЗКИЙ ПО ВЕРТИКАЛИ */
.site-footer {
    /* Возвращаем ширину как у основного контейнера */
    width: 90%;
    max-width: 1050px; 
    margin: 20px auto 40px; /* Прижали чуть ближе к кнопкам сверху */
    
    background: rgba(0, 0, 0, 0.5); 
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    
    border: 2px solid #FFD700;
    border-radius: 20px;
    
    /* Делаем узким по вертикали (10px сверху/снизу) и широким внутри (30px по бокам) */
    padding: 10px 30px; 
    color: #ffffff;
    position: relative;
    z-index: 100;
}

#footer-inside {
    display: flex;
    /* Разносим тексты к левому и правому краям рамки */
    justify-content: space-between; 
    align-items: center;
    width: 100%;
}

/* ЛЕВАЯ И ПРАВАЯ КОЛОНКИ */
.footer-left, .footer-right {
    flex: 0 1 auto; /* Блоки не растягиваются, а занимают место по тексту */
    display: flex;
    flex-direction: column;
    /* СОХРАНЯЕМ ЦЕНТРОВКУ ЁЛОЧКОЙ ВНУТРИ БЛОКОВ */
    align-items: center; 
    text-align: center;
}

.footer-left p {
    margin: 2px 0; /* Минимальный разрыв между строками */
    font-size: 10.5pt;
}

.support-text strong {
    color: #FFD700;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 11.5pt;
    display: block;
}

/* Правая колонка со ссылками */
.footer-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px; /* Очень плотно друг под другом */
}

.footer-link-item a {
    color: #FFD700;
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: 500;
    font-size: 13pt;
    text-decoration: none;
}

.footer-email {
    margin-top: 2px;
    font-size: 9pt;
    color: rgba(255, 255, 255, 0.6);
}

/* На мобильных всё равно в столбик, чтобы не каша */
@media screen and (max-width: 800px) {
    .site-footer { padding: 15px; }
    #footer-inside { flex-direction: column; gap: 15px; }
}


/* ============================================================
   ФИНАЛЬНЫЙ ФИКС ФУТЕРА (ЗОЛОТО И ЧИСТКА)
   ============================================================ */

/* 1. ПРИНУДИТЕЛЬНОЕ ЗОЛОТО ДЛЯ ВСЕХ СОСТОЯНИЙ (БЕЗ ФИОЛЕТА) */
.site-footer a, 
.site-footer a:visited, 
.site-footer a:active,
.footer-left a,
.footer-left a:visited {
    color: #FFD700 !important;      /* Твоё золото */
    text-decoration: underline !important; 
    font-size: 14px !important;
    opacity: 0.9 !important;
}

/* Эффект наведения */
.site-footer a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px #FFD700 !important;
    opacity: 1 !important;
}

/* 2. УБИРАЕМ ТОЧКИ-МАРКЕРЫ СПРАВА */
.footer-nav, 
.footer-nav li {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-image: none !important;
}

/* 3. ЦВЕТ ТЕКСТА АДМИНИСТРАЦИИ */
.footer-email {
    color: #888 !important;
    font-size: 0.9em !important;
}