.contact-list__link.urs-messenger { flex-shrink: 0; }
.contact-list__link.urs-messenger--whatsapp { color: #168b45; }
.contact-list__link.urs-messenger--max { color: #6556d9; }
.contact-list__link.urs-messenger svg { width: 28px; height: 28px; flex-shrink: 0; }
.contact-list__link.urs-messenger:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#header .header-contacts > .contact-list--social-media { flex-shrink: 0; gap: 8px; }
.contact-list--fixed.contact-list--social-media {
    flex-direction: row;
    gap: 8px;
    width: auto;
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom) + var(--urs-cookie-offset, 0px));
}
.contact-list--fixed.contact-list--social-media .contact-list__link {
    width: 44px;
    height: 44px;
    background: #fffbea;
    border-radius: 50%;
    box-shadow: 0 2px 10px #0002;
}
.contact-list--fixed.contact-list--social-media img { width: 28px; height: 28px; }

/* Brand artwork reused from Polyatus / Plenkindom, per user request. */
.contact-list__link.urs-messenger { color: #fff; border-radius: 50%; width: 32px; height: 32px; }
.contact-list__link.urs-messenger--whatsapp,
.contact-list--fixed .contact-list__link.urs-messenger--whatsapp { background: #25d366; color: #fff; }
.contact-list__link.urs-messenger--max,
.contact-list--fixed .contact-list__link.urs-messenger--max { background: linear-gradient(135deg, #5b6def, #9b59d0); color: #fff; }
.contact-list__link.urs-messenger svg { width: 20px; height: 20px; }
.contact-list--fixed .contact-list__link.urs-messenger svg { width: 26px; height: 26px; }
:is(#header .header-contacts, [data-js-overlay-menu-aside], .contact-list--fixed) a[href="https://t.me/UyutRemStroy2022"] { position: relative; width: 32px; height: 32px; border-radius: 50%; background: #26a5e4; }
.contact-list--fixed a[href="https://t.me/UyutRemStroy2022"] { width: 44px; height: 44px; }
:is(#header .header-contacts, [data-js-overlay-menu-aside], .contact-list--fixed) a[href="https://t.me/UyutRemStroy2022"] img { visibility: hidden; }
:is(#header .header-contacts, [data-js-overlay-menu-aside], .contact-list--fixed) a[href="https://t.me/UyutRemStroy2022"]::after { content: ""; position: absolute; inset: 0; background: center / 62% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20.665 3.717 2.93 10.554c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15 4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z'/%3E%3C/svg%3E"); }
#root .contact-list--fixed.contact-list--social-media a[href="https://t.me/UyutRemStroy2022"] { width: 44px; height: 44px; }

/* Override the theme social SVG size so artwork stays inside its circle. */
#root .contact-list--social-media .contact-list__link.urs-messenger > svg { width: 20px; height: 20px; max-width: 20px; max-height: 20px; flex: 0 0 20px; }
#root .contact-list--fixed.contact-list--social-media .contact-list__link.urs-messenger > svg { width: 26px; height: 26px; max-width: 26px; max-height: 26px; flex: 0 0 26px; }

/* 30.09.2026: WhatsApp и MAX в квадратных outline-списках (contacts-v1, contacts-v2, cta, подвал).
   Ссылка = квадрат темы, внутри цветной круг с белым знаком, как у Telegram-иконки темы. */
#root .contact-list--outline .contact-list__link.urs-messenger { width: 60px; height: 60px; border-radius: var(--radius-default); border: 1px solid var(--color-grey-50); background: var(--color-grey-70); color: #fff; }
#root .contact-list--outline .contact-list__link.urs-messenger > svg { width: 30px; height: 30px; max-width: 30px; max-height: 30px; flex: 0 0 30px; border-radius: 50%; padding: 6px; box-sizing: border-box; }
#root .contact-list--outline .contact-list__link.urs-messenger--whatsapp > svg { background: #25d366; }
#root .contact-list--outline .contact-list__link.urs-messenger--max > svg { background: linear-gradient(135deg, #5b6def, #9b59d0); }
/* в карточках контактов Telegram-картинка темы заполняет квадрат целиком, подгоняем круги под неё */
#root .contacts-v1 .contact-list--outline .contact-list__link.urs-messenger > svg,
#root .contacts-v2 .contact-list--outline .contact-list__link.urs-messenger > svg { width: 46px; height: 46px; max-width: 46px; max-height: 46px; flex-basis: 46px; padding: 10px; }
#root .contact-list--outline .contact-list__link.urs-messenger:hover,
#root .contact-list--outline .contact-list__link.urs-messenger:active { background: var(--color-accent-50); }

/* Подвал (30.09, просьба пользователя): без подложек, просто белые иконки. Тема задаёт фон подложки через !important
   (.footer__contacts .contact-list__link), поэтому здесь тоже !important. Telegram темы (синяя картинка) заменяем белым знаком. */
#root footer .contact-list--outline .contact-list__link,
#root footer .contact-list--outline .contact-list__link.urs-messenger { width: 40px !important; height: 40px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #fff !important; }
#root footer .contact-list--outline .contact-list__link.urs-messenger > svg { width: 30px; height: 30px; max-width: 30px; max-height: 30px; flex-basis: 30px; padding: 0; border-radius: 0; background: none !important; }
#root footer .contact-list--outline .contact-list__link:hover,
#root footer .contact-list--outline .contact-list__link:active { background: transparent !important; color: var(--color-accent-50) !important; }
#root footer .contact-list--outline a[href="https://t.me/UyutRemStroy2022"] { position: relative; }
#root footer .contact-list--outline a[href="https://t.me/UyutRemStroy2022"] img { visibility: hidden; }
#root footer .contact-list--outline a[href="https://t.me/UyutRemStroy2022"]::after { content: ""; position: absolute; inset: 0; background: center / 30px 30px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M20.665 3.717 2.93 10.554c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42 10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15 4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434z'/%3E%3C/svg%3E"); }
