/* ===== 4. ОБНОВЛЕННЫЙ ТЕМНЫЙ ФУТЕР В СТИЛЕ СИСТЕМ БЕЗОПАСНОСТИ ===== */

footer {
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
    background-color: var(--sec-blue-dark-v2) !important; /* Угольный заменен на глубокий синий */
    color: #94a3b8 !important; /* Светло-серый текст для комфортного чтения */
    padding: 0 0 35px !important;
    border-top: 3px solid var(--sec-yellow) !important; /* Сигнальная желтая полоса сверху футера для симметрии с меню */
}

/* 1. Верхняя полоса футера (меню) */
.footer__first {
    margin-bottom: 30px !important; 
    padding: 20px 0 !important;
    background-color: #0c1424 !important; /* Еще более глубокий синий оттенок для контрастного деления */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-menu a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.25s ease !important;
}

.footer-menu a:hover {
    color: var(--sec-yellow) !important; /* Желтый при наведении */
    text-decoration: none !important;
}

/* 2. Логотип компании в футере */
.footer__logo img {
    max-width: 180px !important;
    filter: invert(1) !important; /* Инвертируем белый фон картинки в черный, а буквы — в белый */
    mix-blend-mode: screen !important; /* Убираем темный ореол, сливая фон картинки с фоном футера */
    opacity: 0.95;
    transition: opacity 0.25s ease !important;
}

.footer__logo img:hover {
    opacity: 1;
}

/* 3. Заголовки колонок */
.footer__tit {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff !important; /* Белые контрастные заголовки */
    margin: 0 0 15px !important;
}

/* 4. Колонка «Адрес» */
.footer__address p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1.4rem !important;
    line-height: 1.6 !important;
    color: #94a3b8 !important;
    cursor: default;
}

.footer__sub-info {
    margin-top: 10px !important;
    font-size: 1.25rem !important;
    color: var(--sec-text-muted) !important; /* Реквизиты делаем более приглушенными */
}

/* 5. Колонка «Контакты» */
.footer__phones a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 1.45rem !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Все состояния ссылок контактов в футере переводим на сигнальный желтый */
.footer__phones a:hover,
.footer__phones a:active,
.footer__phones a:visited,
.footer__phones a:focus {
    color: var(--sec-yellow) !important;
}

/* Иконка телефона в футере */
.footer__p-cont:before {
    background: url('/templates/microton/images/smartphone_call_orange.png') center/contain no-repeat !important;
    width: 30px !important;
    height: 30px !important;
    left: 5px !important;
}

/* Соцсети в футере */
.footer__social {
    display: flex;
    gap: 12px;
    margin-top: 15px;
    padding-left: 0px;
}

.footer__social img {
    width: 22px;
    height: 22px;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
    opacity: 0.8;
}

.footer__social img:hover {
    transform: translateY(-2px) !important;
    opacity: 1 !important;
}

/* 6. Копирайт и логотип разработчика */
.footer__copyright {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: 'Roboto', sans-serif !important;
    font-size: 1.2rem !important;
    color: var(--sec-text-muted) !important;
    text-align: right;
}

.footer__copyright-link {
    display: block;
    margin: 10px 0 0 !important;
}

/* Логотип разработчика: аккуратный белый в покое, оригинальный цвет при наведении */
.footer__copyright-link img {
    width: 200px !important;
    max-width: 100%;
    filter: brightness(0) invert(1) !important; /* Монохромный белый */
    opacity: 0.65 !important;
    transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.footer__copyright-link img:hover {
    filter: none !important; /* Цветной при наведении */
    opacity: 1 !important;
}