/* ========== Social Components ========== */
/* Иконки соцсетей VK, WhatsApp — общие */

.sidebar__social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    transition: all var(--transition-fast);
}

.sidebar__social-icon {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    transition: all var(--transition-fast);
}

.sidebar__social:hover {
    transform: scale(0.95);
}

/* VK — синий фон */
.sidebar__social--vk {
    background-color: #0077FF;
}

.sidebar__social--vk:hover {
    background-color: #005fc9;
}

/* WhatsApp — зелёный фон */
.sidebar__social--wa {
    background-color: #25D366;
}

.sidebar__social--wa:hover {
    background-color: #1da55a;
}

/* Белые иконки для соцсетей */
.sidebar__social--vk .sidebar__social-icon,
.sidebar__social--wa .sidebar__social-icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .sidebar__social {
        width: 2.75rem;
        height: 2.75rem;
    }
    
    .sidebar__social .sidebar__social-icon {
        width: 1.25rem;
        height: 1.25rem;
    }
}