/* Блок «Поделиться» (страницы новостей и медиа).
   Отдельный файл со своей версией в ?v=, а НЕ custom.css: тот кэшируется по
   hash_jscss, менять который нельзя — он участвует в пути к папке ассетов
   (assets_<hash>/), и произвольное значение ломает бандл.

   Цвет: иконки соцсетей на сайте — rgb(206,189,174), тёплый бежевый.
   <button> его не наследует (у кнопки свой цвет по умолчанию), поэтому
   задаём явно, чтобы «копировать» не выбивалась чёрным из ряда. */
.master__social .social ul {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.master__social .social ul li { display: flex; align-items: center; }

/* единая оптическая высота: у Telegram и VK глиф плотный, у наших иконок
   больше воздуха внутри — поэтому им нужен чуть больший размер, иначе
   выглядят мельче соседей */
/* Разводим размеры осознанно: у Telegram и VK глиф плотный, залитый — он
   «весит» больше при той же высоте. У стрелки и «копировать» внутри много
   воздуха, поэтому им нужен размер побольше, иначе ряд выглядит неровным. */
.master__social .social ul li a svg { height: 1.8rem !important; width: auto !important; }
.master__social .social ul li button svg { height: 2.4rem !important; width: auto !important; }
.master__social .social ul li svg { max-width: none !important; display: block; }

.master__social .social .rl-share,
.master__social .social .rl-copy-link {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    font: inherit;
    line-height: 0;
    color: rgb(206, 189, 174);
    transition: color .25s ease, opacity .25s ease;
}
.master__social .social .rl-share:hover,
.master__social .social .rl-copy-link:hover { opacity: .7; }

/* Переключение «плюс» → «галочка». Обе иконки лежат в кнопке друг над другом
   и переключаются прозрачностью — так переход плавный, а не скачком, и
   кнопка не прыгает по ширине в момент смены. */
.master__social .social .rl-copy-link { position: relative; display: inline-block; }
.master__social .social .rl-copy-link .rl-ico-done { position: absolute; inset: 0; }
.master__social .social .rl-copy-link .rl-ico-copy,
.master__social .social .rl-copy-link .rl-ico-done {
    transition: opacity .3s ease, transform .3s ease;
}
.master__social .social .rl-copy-link .rl-ico-done { opacity: 0; transform: scale(.85); }
.master__social .social .rl-copy-link.is-copied .rl-ico-copy { opacity: 0; transform: scale(.85); }
.master__social .social .rl-copy-link.is-copied .rl-ico-done { opacity: 1; transform: scale(1); }
/* подтверждение — зелёным, чтобы «скопировалось» читалось однозначно */
.master__social .social .rl-copy-link.is-copied { color: #1E9E5A; }

@media (prefers-reduced-motion: reduce) {
    .master__social .social .rl-share,
    .master__social .social .rl-copy-link,
    .master__social .social .rl-copy-link .rl-ico-copy,
    .master__social .social .rl-copy-link .rl-ico-done { transition: none; }
}

/* Бейдж источника на странице публикации СМИ: миниатюра статьи, логотип
   издания и кнопка на оригинал — одной компактной строкой. Большую картинку
   сверху убрали: она занимала пол-экрана и спорила с самим текстом. */
.rl-source {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 3.2rem 0 0;
    padding: 1.6rem 2rem;
    border: 1px solid var(--color-beige-primary, #CEBDAE);
    border-radius: 1.6rem;
    background: var(--color-milk-light, #faf8f4);
}
/* миниатюра: фиксируем пропорции, иначе картинки разных изданий ломают строку */
.rl-source__thumb {
    flex: none;
    width: 12rem;
    aspect-ratio: 3 / 2;
    border-radius: 0.8rem;
    overflow: hidden;
    background: #fff;
}
.rl-source__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rl-source__logo { flex: none; display: flex; align-items: center; min-height: 3rem; }
.rl-source__logo img { display: block; max-height: 3rem; max-width: 14rem; width: auto; }
/* кнопка прижата вправо */
.rl-source__btn { flex: none; margin-left: auto; }

@media (max-width: 1100px) {
    .rl-source {
        flex-wrap: wrap;
        gap: 1.6rem;
        margin-top: 2.4rem;
        padding: 1.6rem;
        border-radius: 1.2rem;
    }
    .rl-source__thumb { width: 9rem; }
    .rl-source__btn { margin-left: 0; width: 100%; text-align: center; }
}