/* Пробиваем внутренние блоки футера */
.astroid-footer-section .container,
.astroid-footer-section .row {
    background: transparent !important; /* Делаем внутренности прозрачными */
}

section.astroid-footer-section {
    background: rgba(0, 0, 0, 0.6) !important; /* Задаем прозрачность всей секции */
}

body {
    /* МЕГА-СВОЙСТВО: растягивает картинку так, чтобы она полностью 
       закрывала собой экран, сохраняя пропорции (без искажений) */
    background-size: cover !important;
}

/* Заставляем центральный блок контента быть размером минимум во весь экран */
#astroid-body,
.astroid-body,
section.astroid-content-section {
    min-height: 100vh !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Сам футер теперь гарантированно окажется ниже этой границы */
section.astroid-footer-section {
    position: relative !important;
    clear: both !important;
}

/* 1. Приглушаем обычный текст и заголовки в футере */
section.astroid-footer-section,
.astroid-footer-section .mod-title,
.astroid-footer-section h1,
.astroid-footer-section h2,
.astroid-footer-section h3,
.astroid-footer-section p,
.astroid-footer-section span {
    color: rgba(255, 255, 255, 0.5) !important; /* Белый на 50% прозрачности */
}

/* 2. Приглушаем ВСЕ ссылки, пункты меню и иконки соцсетей */
.astroid-footer-section a,
.astroid-footer-section a i,
.astroid-footer-section .astroid-social-profiles a,
.astroid-footer-section ul li a {
    color: rgba(255, 255, 255, 0.5) !important;
    transition: all 0.2s ease-in-out !important; /* Плавное подсвечивание */
}

/* 3. ЭФФЕКТ НАВЕДЕНИЯ: подсвечиваем элементы до чисто белого */
.astroid-footer-section a:hover,
.astroid-footer-section a:hover i,
.astroid-footer-section .astroid-social-profiles a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}