/* SN-YOUTUBE-ART-20261021-V1
   Change only artwork.
   Keep native backgrounds, sizes, layouts and HTML.
*/

/* Social buttons: main page and footer */

a.footer__contacts-social-item.yt svg,
a.footer__contacts-social-item[href*="youtube.com"] svg,
a.footer__contacts-social-item[href*="youtu.be"] svg,
a.contacts-social__item--youtube svg,
a.contacts-social__item[href*="youtube.com"] svg,
a.contacts-social__item[href*="youtu.be"] svg {
    background-image: url("/local/templates/vpl_template/img/social/youtube-default.svg?v=7457a5f2d24b") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* Hide original vector artwork without removing SVG */

a.footer__contacts-social-item.yt svg > *,
a.footer__contacts-social-item[href*="youtube.com"] svg > *,
a.footer__contacts-social-item[href*="youtu.be"] svg > *,
a.contacts-social__item--youtube svg > *,
a.contacts-social__item[href*="youtube.com"] svg > *,
a.contacts-social__item[href*="youtu.be"] svg > * {
    opacity: 0 !important;
}

/* Hover */

@media (hover: hover) {
    a.footer__contacts-social-item.yt:hover svg,
    a.footer__contacts-social-item[href*="youtube.com"]:hover svg,
    a.footer__contacts-social-item[href*="youtu.be"]:hover svg,
    a.contacts-social__item--youtube:hover svg,
    a.contacts-social__item[href*="youtube.com"]:hover svg,
    a.contacts-social__item[href*="youtu.be"]:hover svg {
        background-image: url("/local/templates/vpl_template/img/social/youtube-hover.svg?v=073335c463d6") !important;
    }
}

/* Keyboard focus */

a.footer__contacts-social-item.yt:focus-visible svg,
a.footer__contacts-social-item[href*="youtube.com"]:focus-visible svg,
a.footer__contacts-social-item[href*="youtu.be"]:focus-visible svg,
a.contacts-social__item--youtube:focus-visible svg,
a.contacts-social__item[href*="youtube.com"]:focus-visible svg,
a.contacts-social__item[href*="youtu.be"]:focus-visible svg {
    background-image: url("/local/templates/vpl_template/img/social/youtube-hover.svg?v=073335c463d6") !important;
}

/* Detail reports: original IMG remains 52x52 */

a.report-socials__link[href*="youtube.com"] img[src$="/youtube.svg"] {
    content: url("/local/templates/vpl_template/img/social/youtube-default.svg?v=7457a5f2d24b") !important;
}

@media (hover: hover) {
    a.report-socials__link[href*="youtube.com"]:hover img[src$="/youtube.svg"] {
        content: url("/local/templates/vpl_template/img/social/youtube-hover.svg?v=073335c463d6") !important;
    }
}

a.report-socials__link[href*="youtube.com"]:focus-visible img[src$="/youtube.svg"] {
    content: url("/local/templates/vpl_template/img/social/youtube-hover.svg?v=073335c463d6") !important;
}

/* SN-YOUTUBE-FEEDBACK-RED-WHITE-V3-20261021
   Only the feedback block.
   Default red, hover white.
*/

.feedback-mp .feedback-mp__socials
a.footer__contacts-social-item[href*="youtu"] {
    background: #FF0000 !important;
    border-color: #FF0000 !important;
    color: #FFFFFF !important;
}

.feedback-mp .feedback-mp__socials
a.footer__contacts-social-item[href*="youtu"]
.footer__contacts-social-item-text {
    color: #FFFFFF !important;
}

@media (hover: hover) {
    .feedback-mp .feedback-mp__socials
    a.footer__contacts-social-item[href*="youtu"]:hover {
        background: #FFFFFF !important;
        border-color: #FF0000 !important;
        color: #FF0000 !important;
    }

    .feedback-mp .feedback-mp__socials
    a.footer__contacts-social-item[href*="youtu"]:hover
    .footer__contacts-social-item-text {
        color: #FF0000 !important;
    }
}

.feedback-mp .feedback-mp__socials
a.footer__contacts-social-item[href*="youtu"]:focus-visible {
    background: #FFFFFF !important;
    border-color: #FF0000 !important;
    color: #FF0000 !important;
}