/* ============================== */
/* Стили для Подвала (Footer)    */
/* ============================== */

.site-footer {
    background-color: #2c3e50; /* Темный фон */
    color: #bdc3c7;           /* Основной цвет текста светлее */
    padding: 30px 0 20px;      /* Вертикальные отступы */
    margin-top: 50px;         /* Отступ сверху от основного контента */
    font-size: 15px;          /* Базовый размер шрифта футера */
    line-height: 1.6;         /* Улучшаем читаемость */
}

.footer-content {
    max-width: 1200px;        /* Ограничение ширины контента */
    margin: 0 auto;           /* Центрирование */
    padding: 0 20px;          /* Боковые отступы */
    display: flex;
    flex-direction: column;   /* Линки над копирайтом */
    align-items: center;      /* Центрируем все по горизонтали */
}

.footer-links {
    display: flex;
    flex-wrap: wrap;          /* Перенос ссылок, если их много */
    justify-content: center;  /* Центрирование ссылок */
    gap: 15px 25px;         /* Вертикальный и горизонтальный отступ между ссылками */
    margin-bottom: 25px;      /* Отступ под ссылками */
    text-align: center;       /* Дополнительное центрирование для перенесенных строк */
}

.footer-links a {
    color: #ecf0f1;           /* Белее для лучшего контраста */
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
    padding: 5px 0;          /* Добавляем немного вертикального пространства для клика */
}

.footer-links a:hover {
    color: #5dade2;           /* Светло-голубой при наведении */
    text-decoration: underline; /* Добавляем подчеркивание */
}

.footer-bottom {
    text-align: center;
    font-size: 13px;         /* Немного уменьшим копирайт */
    color: #95a5a6;           /* Еще светлее серый */
    margin-top: 10px;        /* Небольшой отступ сверху от возможного разделителя */
}

.footer-bottom p {
    margin: 0;
}


/* --- Адаптивность для Подвала --- */

@media (max-width: 768px) {
    .site-footer {
        padding: 25px 0 15px; /* Уменьшаем вертикальные отступы */
        margin-top: 35px;    /* Уменьшаем отступ сверху */
        font-size: 14px;     /* Уменьшаем базовый шрифт */
    }
    .footer-content {
        padding: 0 15px;     /* Уменьшаем боковые отступы */
    }
    .footer-links {
        /* Ссылки уже будут в колонку из-за flex-wrap и малого места, */
        /* но можно явно указать для надежности */
        flex-direction: column;
        align-items: center;
        gap: 12px;          /* Уменьшаем вертикальный отступ */
        margin-bottom: 20px;
    }
     .footer-links a {
         font-size: 15px; /* Можно чуть увеличить для мобильных */
     }
    .footer-bottom {
        font-size: 12px;    /* Уменьшаем копирайт */
    }
}

@media (max-width: 480px) {
    .site-footer {
         margin-top: 25px;
         padding: 20px 0 10px;
    }
     .footer-links {
         gap: 10px; /* Еще меньше отступ */
         margin-bottom: 15px;
     }
      .footer-links a {
         font-size: 14px; /* Снова немного меньше на самых маленьких */
     }
     .footer-bottom {
         font-size: 11px; /* Совсем мелкий копирайт */
     }
}

/* ============================== */
/* Конец стилей для Подвала     */
/* ============================== */