/**
 * Стили для прикрепления футера к блоку контактов на мобильных устройствах
 *
 * @package Empty_Theme
 */

/* Базовые стили для всех устройств */
.site-footer {
    background-color: #1a1a1a;
    color: #f5f5f5;
    position: relative;
    z-index: 20;
}

/* Стили для мобильных устройств на главной странице */
@media (max-width: 768px) {
    /* На главной странице футер будет позиционироваться абсолютно через JavaScript */
    .home-page ~ .site-footer {
        transition: top 0.3s ease-out;
        will-change: top;
    }

    /* Обеспечиваем видимость футера над другими элементами */
    .contacts-section {
        position: relative;
    }

    /* Изменение стилей для блока контактов на мобильных устройствах */
    .home-page .contacts-section .contacts-feedback-container {
        padding-bottom: 50px; /* Увеличиваем отступ снизу для плавного перехода к футеру */
    }
}

/* Стили для сверхмалых экранов */
@media (max-width: 480px) {
    .home-page ~ .site-footer.sticky-footer {
        padding-top: 15px; /* Уменьшаем верхний отступ для футера на маленьких экранах */
    }
}