/* Стили для иконок соцсетей */

/* Общие стили для всех иконок */
.svg_vk,
.svg_instagram,
.svg_facebook,
.svg_youtube,
.svg_tiktok,
.svg_whatsapp, 
.fa-whatsapp {
    font-size: 24px; /* Размер иконки */
    width: 24px; /* Фиксированная ширина */
    height: 24px; /* Фиксированная высота */
    margin: 0 3px; /* Уменьшенные отступы вокруг иконки */
    vertical-align: middle; /* Выравнивание по центру */
    transition: all 0.3s ease; /* Плавные анимации */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Стили для иконки VK */
.svg_vk {
    color: #4a76a8; /* Цвет VK */
}

/* Стили для иконки Instagram */
.svg_instagram {
    color: #7D2BBD; /* Фиолетовый цвет для Instagram */
    background: none;
    -webkit-text-fill-color: #7D2BBD;
}

/* Стили для иконки Facebook */
.svg_facebook {
    color: #3b5998; /* Цвет Facebook */
}

/* Стили для иконки YouTube */
.svg_youtube {
    color: #ff0000; /* Красный цвет для YouTube */
}

/* Стили для иконки TikTok */
.svg_tiktok {
    color: #000000; /* Черный цвет для TikTok */
}

/* Стили для иконки WhatsApp */
.svg_whatsapp,
.fa-whatsapp {
    color: #25D366; /* Зеленый цвет WhatsApp */
}

/* Стили для иконок в футере */
.footer_menu a i[class^="fa-"],
.block_socnet a i[class^="fa-"] {
    color: #ffffff !important; /* Белый цвет для всех иконок */
    -webkit-text-fill-color: #ffffff !important;
}

/* Для совместимости с существующими стилями */
.footer_menu .svg_vk,
.block_socnet .svg_vk,
.footer_menu .svg_instagram,
.block_socnet .svg_instagram,
.footer_menu .svg_facebook,
.block_socnet .svg_facebook,
.footer_menu .svg_youtube,
.block_socnet .svg_youtube,
.footer_menu .svg_tiktok,
.block_socnet .svg_tiktok,
.footer_menu .svg_whatsapp,
.block_socnet .svg_whatsapp,
.footer_menu .fa-whatsapp,
.block_socnet .fa-whatsapp {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.footer_menu a,
.block_socnet a {
    opacity: 0.9;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

/* Наведение на иконки */
.svg_vk:hover,
.svg_instagram:hover,
.svg_facebook:hover,
.svg_youtube:hover,
.svg_tiktok:hover,
.svg_whatsapp:hover,
.fa-whatsapp:hover {
    opacity: 0.8; /* Эффект при наведении */
    transform: translateY(-2px); /* Легкий подъем при наведении */
}

/* Мобильная версия иконок */
@media (max-width: 768px) {
    .svg_vk,
    .svg_instagram,
    .svg_facebook,
    .svg_youtube,
    .svg_tiktok,
    .svg_whatsapp,
    .fa-whatsapp {
        font-size: 22px;
        width: 22px;
        height: 22px;
    }
    
    /* Обеспечиваем, чтобы все иконки имели одинаковый размер */
    .svg_tiktok,
    .svg_whatsapp {
        font-size: 22px !important;
        width: 22px !important;
        height: 22px !important;
    }
}