/*
Theme Name: Astra Child - Huayu
Theme URI:  https://www.huayu.group/
Description: Child theme for Astra — put customizations here.
Author: Huayu Group
Template: astra
Version: 1.0.0
Text Domain: astra-child-huayu
*/

/* 这里放你的自定义 CSS，或者留空让父主题样式生效 */

/* 基本社交图标样式 */
.footer-social {
    display: flex; /* 横向排列 */
    gap: 25px; /* 图标之间的间距 */
		margin-left: 20px;
}

.footer-social .social-icon {
    position: relative;
    display: inline-block;
}

/* 控制所有图标的大小和过渡效果 */
.footer-social .social-logo {
    width: 40px; /* 图标宽度 */
    transition: all 0.3s ease; /* 悬停过渡效果 */
}

.footer-social .social-icon:hover .wechat-logo {
    filter: invert(36%) sepia(91%) saturate(4353%) hue-rotate(89deg) brightness(106%) contrast(96%); /* 悬停时恢复原色（绿色） */
}

/* 设置二维码初始为隐藏 */
.footer-social .social-qrcode {
    display: none;
    position: absolute;
    bottom: -150px; /* 控制二维码出现的位置 */
    left: 50%;
    transform: translateX(-50%);
    width: 150px; /* 设置二维码的大小 */
    padding: 5px;
    background-color: white; /* 二维码背景 */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 鼠标悬停时显示二维码 */
.footer-social .social-icon:hover .social-qrcode {
    display: block;
}

/* 抖音图标的悬停效果 */
.footer-social .douyin-logo {
		width: 35px;
}

.footer-social .social-icon:hover .douyin-logo {
    filter: invert(71%) sepia(93%) saturate(1327%) hue-rotate(134deg) brightness(103%) contrast(105%); /* 悬停时恢复原色（抖音官方配色） */
}