/* Кнопки «Поделиться» без внешнего скрипта.
 *
 * Прежний виджет «Яндекс.Поделиться» приносил свои стили вместе со скриптом
 * share.js. Скрипт убран (решение заказчика 2026-09-16), поэтому оформление
 * теперь наше. Кладётся в css/autoload/ — Битрикс подключает всё оттуда сам.
 */

.share-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.share-links__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    border-radius: 50%;
    opacity: .9;
    transition: opacity .15s ease, transform .15s ease;
}

.share-links__item:hover,
.share-links__item:focus-visible {
    opacity: 1;
    transform: translateY(-1px);
}

.share-links__item:focus-visible {
    outline: 2px solid var(--theme-color, #c9a227);
    outline-offset: 2px;
}

.share-links__item svg {
    display: block;
    width: 22px;
    height: 22px;
}

/* Кнопка копирования — подтверждение без всплывающих окон: короткая подпись
 * рядом с иконкой. Появляется на полторы секунды, класс снимает скрипт. */
.share-links__item--copy {
    position: relative;
}

.share-links__item--copy.is-copied::after {
    content: "Copied";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 6px);
    transform: translateX(-50%);
    padding: 3px 7px;
    font-size: 11px;
    line-height: 1.3;
    white-space: nowrap;
    color: #fff;
    background: #333;
    border-radius: 3px;
    pointer-events: none;
}

@media (max-width: 600px) {
    .share-links { gap: 10px; }
}