/* =Child-Theme responsive styles starts here
-------------------------------------------------------------- */
/* Обычное состояние: серый фон, светлая иконка */
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item .social_icon {
    background-color: #2C313D !important;
    color: var(--theme-color-inverse_link) !important;
}

/* Hover: голубой фон, светлая иконка */
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon {
    background-color: var(--theme-color-text_link) !important;
    color: var(--theme-color-inverse_link) !important;
}

/* Перебить брендовые hover-цвета (если они есть в теме) */
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=facebook],
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=twitter],
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=dribble],
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=dribbble],
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=instagram],
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=youtube],
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=deviantart],
.sc_socials.sc_socials_default.modern_2 .socials_wrap .social_item:hover .social_icon[class*=discord] {
    background-color: var(--theme-color-text_link) !important;
    color: var(--theme-color-inverse_link) !important;
}