/* SN-VKVIDEO-ART-20261021-V1
   Artwork only. Preserve original button backgrounds,
   dimensions, borders, HTML and responsive behavior.
*/

a.footer__contacts-social-item.vkv svg,
a.contacts-social__item--vkvideo svg,
a.contacts-channel--vkvideo svg,
a[href*="vkvideo.ru"] svg.icon-vk-video {
    background-image: url("/local/templates/vpl_template/img/social/vk-video-default.svg?v=970607b9c112") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-origin: content-box !important;
}

/* Hide old vector paths but retain the SVG container. */

a.footer__contacts-social-item.vkv svg > *,
a.contacts-social__item--vkvideo svg > *,
a.contacts-channel--vkvideo svg > *,
a[href*="vkvideo.ru"] svg.icon-vk-video > * {
    opacity: 0 !important;
}

@media (hover: hover) {
    a.footer__contacts-social-item.vkv:hover svg,
    a.contacts-social__item--vkvideo:hover svg,
    a.contacts-channel--vkvideo:hover svg,
    a[href*="vkvideo.ru"]:hover svg.icon-vk-video {
        background-image: url("/local/templates/vpl_template/img/social/vk-video-hover.svg?v=2d65efb547ce") !important;
    }
}

a.footer__contacts-social-item.vkv:focus-visible svg,
a.contacts-social__item--vkvideo:focus-visible svg,
a.contacts-channel--vkvideo:focus-visible svg,
a[href*="vkvideo.ru"]:focus-visible svg.icon-vk-video {
    background-image: url("/local/templates/vpl_template/img/social/vk-video-hover.svg?v=2d65efb547ce") !important;
}

/* Report pages retain the original IMG element. */

a.report-socials__link[href*="vkvideo.ru"] img[src$="/VK_Video.svg"] {
    content: url("/local/templates/vpl_template/img/social/vk-video-default.svg?v=970607b9c112") !important;
}

@media (hover: hover) {
    a.report-socials__link[href*="vkvideo.ru"]:hover img[src$="/VK_Video.svg"] {
        content: url("/local/templates/vpl_template/img/social/vk-video-hover.svg?v=2d65efb547ce") !important;
    }
}

a.report-socials__link[href*="vkvideo.ru"]:focus-visible img[src$="/VK_Video.svg"] {
    content: url("/local/templates/vpl_template/img/social/vk-video-hover.svg?v=2d65efb547ce") !important;
}

/* SN-VKVIDEO-MP-REPORT-V2-20261021
   Main page: "500+ reports and 150 videos".
   Artwork only. Original structure and dimensions preserved.
*/

a.mp-report__info-link[href*="vkvideo.ru"] svg {
    background-image: url("/local/templates/vpl_template/img/social/vk-video-default.svg?v=970607b9c112") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

a.mp-report__info-link[href*="vkvideo.ru"] svg > * {
    opacity: 0 !important;
}

@media (hover: hover) {
    a.mp-report__info-link[href*="vkvideo.ru"]:hover svg {
        background-image: url("/local/templates/vpl_template/img/social/vk-video-hover.svg?v=2d65efb547ce") !important;
    }
}

a.mp-report__info-link[href*="vkvideo.ru"]:focus-visible svg {
    background-image: url("/local/templates/vpl_template/img/social/vk-video-hover.svg?v=2d65efb547ce") !important;
}

/* SN-VKVIDEO-WHITE-HOVER-V3-20261021
   Applies to both social blocks using .vkv.
   Preserve original dimensions, SVG and HTML.
*/

@media (hover: hover) {
    a.footer__contacts-social-item.vkv:hover {
        background: #FFFFFF !important;
        border-color: #FF2C43 !important;
        color: #FF2C43 !important;
    }

    a.footer__contacts-social-item.vkv:hover
    .footer__contacts-social-item-text {
        color: #FF2C43 !important;
    }
}

a.footer__contacts-social-item.vkv:focus-visible {
    background: #FFFFFF !important;
    border-color: #FF2C43 !important;
    color: #FF2C43 !important;
}

a.footer__contacts-social-item.vkv:focus-visible
.footer__contacts-social-item-text {
    color: #FF2C43 !important;
}