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

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

/* Keep native SVG structure, hide the old artwork. */

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

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

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

/* Original report IMG is retained. */

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

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

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

/* SN-DZEN-CONTRAST-V2-20261021
   White default artwork on dark background.
   Dark hover artwork on white background.
   Preserve all button dimensions and HTML structure.
*/

/* "Ostayomsya na svyazi" and footer */

.feedback-mp a.footer__contacts-social-item.dzen,
.footer a.footer__contacts-social-item.dzen {
    background: #202022 !important;
    border-color: #202022 !important;
    color: #FFFFFF !important;
}

.feedback-mp a.footer__contacts-social-item.dzen
.footer__contacts-social-item-text,
.footer a.footer__contacts-social-item.dzen
.footer__contacts-social-item-text {
    color: #FFFFFF !important;
}

@media (hover: hover) {
    .feedback-mp a.footer__contacts-social-item.dzen:hover,
    .footer a.footer__contacts-social-item.dzen:hover {
        background: #FFFFFF !important;
        border-color: #202022 !important;
        color: #202022 !important;
    }

    .feedback-mp a.footer__contacts-social-item.dzen:hover
    .footer__contacts-social-item-text,
    .footer a.footer__contacts-social-item.dzen:hover
    .footer__contacts-social-item-text {
        color: #202022 !important;
    }
}

.feedback-mp a.footer__contacts-social-item.dzen:focus-visible,
.footer a.footer__contacts-social-item.dzen:focus-visible {
    background: #FFFFFF !important;
    border-color: #202022 !important;
    color: #202022 !important;
}

.feedback-mp a.footer__contacts-social-item.dzen:focus-visible
.footer__contacts-social-item-text,
.footer a.footer__contacts-social-item.dzen:focus-visible
.footer__contacts-social-item-text {
    color: #202022 !important;
}

/* Reports: original 52x52 IMG and anchor are retained */

a.report-socials__link[href*="dzen.ru"] {
    background: #202022 !important;
    border-color: #202022 !important;
}

@media (hover: hover) {
    a.report-socials__link[href*="dzen.ru"]:hover {
        background: #FFFFFF !important;
        border-color: #202022 !important;
    }
}

a.report-socials__link[href*="dzen.ru"]:focus-visible {
    background: #FFFFFF !important;
    border-color: #202022 !important;
}

/* Contacts: dark circle behind the white artwork.
   Keep the white network card and 44x44 icon dimensions. */

.contacts-page .contacts-social__list
a.contacts-social__item--dzen svg {
    background-color: #202022 !important;
    border-radius: 50%;
}

@media (hover: hover) {
    .contacts-page .contacts-social__list
    a.contacts-social__item--dzen:hover svg {
        background-color: #FFFFFF !important;
    }
}

.contacts-page .contacts-social__list
a.contacts-social__item--dzen:focus-visible svg {
    background-color: #FFFFFF !important;
}