/* SN-TG-NATIVE-20261021-V1
   Telegram only.
   Preserve original HTML, dimensions and border radius.
*/

/* Telegram symbols used throughout the template */

svg.icon-tg,
svg.icon-tg2 {
    background-image: url("/local/templates/vpl_template/img/social/tg-default.svg?v=acc89bf687fc") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

svg.icon-tg > use,
svg.icon-tg2 > use {
    display: none !important;
}

/* Telegram hover */

@media (hover: hover) {
    a:hover svg.icon-tg,
    a:hover svg.icon-tg2 {
        background-image: url("/local/templates/vpl_template/img/social/tg-hover.svg?v=13c9354b784b") !important;
    }
}

/* Keyboard focus */

a:focus-visible svg.icon-tg,
a:focus-visible svg.icon-tg2 {
    background-image: url("/local/templates/vpl_template/img/social/tg-hover.svg?v=13c9354b784b") !important;
}

/* Telegram in report subscription blocks */

a.report-socials__link[href^="https://t.me/"] {
    background: #28A4E4 !important;
    border-color: #28A4E4 !important;
}

a.report-socials__link[href^="https://t.me/"] img[src$="/TG.svg"] {
    content: url("/local/templates/vpl_template/img/social/tg-default.svg?v=acc89bf687fc") !important;
}

/* Telegram report hover */

@media (hover: hover) {
    a.report-socials__link[href^="https://t.me/"]:hover {
        background: #FFFFFF !important;
        border-color: #28A4E4 !important;
    }

    a.report-socials__link[href^="https://t.me/"]:hover img[src$="/TG.svg"] {
        content: url("/local/templates/vpl_template/img/social/tg-hover.svg?v=13c9354b784b") !important;
    }
}

/* Telegram report keyboard focus */

a.report-socials__link[href^="https://t.me/"]:focus-visible {
    background: #FFFFFF !important;
    border-color: #28A4E4 !important;
}

a.report-socials__link[href^="https://t.me/"]:focus-visible img[src$="/TG.svg"] {
    content: url("/local/templates/vpl_template/img/social/tg-hover.svg?v=13c9354b784b") !important;
}


/* SN-TG-FOOTER-HOVER-WHITE-20261021-V3
   Telegram in footer and "Ostayomsya na svyazi".
   Preserve HTML, width, height and border-radius.
*/

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

a.footer__contacts-social-item.tg:focus-visible {
    background: #FFFFFF !important;
    border-color: #28A8E9 !important;
    color: #28A8E9 !important;
}