/* PBM-REVIEW (ревью вёрстки 06.10.2026): pbm-share.css — правки по ревью, подключается из index.php после всех стилей.
   Окно «Поделиться статьёй» (РП-ПК-1, РП-ПК-2, РП-М-1) — все ширины. Разметку окна строит js/pbm-share.js.
   Образец: 33-РЕПОСТ-p1-i2-green (карточка новостей — бежевое окно), 33-РЕПОСТ-p1-i3-green (статья — белое окно).
   Замеры (скрины в масштабе 1.5 к 1366): карточка ≈240 px, шапка 50, строки 50, иконки 32, подпись с 74 px,
   разделители 1 px с отступом 7 px от краёв, затемнение страницы rgba(0,0,0,.5).
   ПК — всплывает над кнопкой; мобила (≤1085px) — снизу над нижней панелью навигации (её высота 79px). */

/* старые панели плагина socialshare (цветные кнопки) больше не показываем — их заменяет окно.
   Класс ставит pbm-share.js: если скрипт не загрузился, всё работает по-старому */
html.pbm-share-ready .share-container{display:none!important;}

.pbm-share{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;opacity:0;transition:opacity .16s ease;}
.pbm-share[hidden]{display:none!important;}
.pbm-share.is-open{opacity:1;}
.pbm-share__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);touch-action:none;}
.pbm-share__card{
    position:fixed;left:0;top:0;z-index:1;box-sizing:border-box;width:240px;max-height:calc(100vh - 16px);
    margin:0;padding:0 7px 2px;overflow-y:auto;overscroll-behavior:contain;
    background:#fff;border-radius:14px;box-shadow:0 10px 32px rgba(0,0,0,.28);
    font-family:"MuseoSansCyrlPB","MuseoSansCyrl",Arial,sans-serif;color:#1e1e1e;text-align:left;
    transform:translateY(6px) scale(.98);transform-origin:100% 100%;transition:transform .16s ease;
}
.pbm-share.is-open .pbm-share__card{transform:none;}
/* фон окна — по цвету материала: бежевый у новостей (#FEF6E7, как карточка), белый у бизнес-ленты */
.pbm-share--cream .pbm-share__card{background:#fef6e7;}
.pbm-share__title{
    display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:50px;margin:0;padding:0 6px;
    border-bottom:1px solid #e3e3e3;
    font-family:inherit;font-weight:700;font-size:16px;line-height:1.2;color:#1e1e1e;text-align:center;
}
.pbm-share__list{display:block;margin:0;padding:0;list-style:none;}
.pbm-share__list > li{display:block;float:none;margin:0;padding:0;border-bottom:1px solid #e3e3e3;list-style:none;}
.pbm-share__list > li:last-child{border-bottom:0;}
.pbm-share__list > li::before,.pbm-share__list > li::after{content:none;}
.pbm-share__item{
    display:flex;align-items:center;gap:22px;box-sizing:border-box;width:100%;height:50px;margin:0;padding:0 8px 0 13px;
    border:0;border-radius:8px;background:transparent;box-shadow:none;cursor:pointer;
    font-family:inherit;font-weight:500;font-size:14px;line-height:1.2;color:#1e1e1e!important;text-align:left;
    text-decoration:none!important;text-transform:none;letter-spacing:0;
    -webkit-tap-highlight-color:transparent;
}
.pbm-share__item:focus-visible{background:rgba(0,0,0,.05);outline:0;box-shadow:inset 0 0 0 2px #08a5c5;}
.pbm-share__item:active{background:rgba(0,0,0,.07);}
@media (hover:hover){ .pbm-share__item:hover{background:rgba(0,0,0,.05);} } /* на телефоне подсветка «залипала» после касания */
.pbm-share__ic{display:block;flex:none;width:32px;height:32px;line-height:0;}
.pbm-share__ic svg{display:block;width:32px;height:32px;}
.pbm-share__label{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* уведомление «Ссылка скопирована» */
.pbm-share-toast{
    position:fixed;left:50%;bottom:32px;z-index:1300;box-sizing:border-box;max-width:calc(100vw - 32px);
    margin:0;padding:12px 18px;border-radius:10px;background:#1e1e1e;color:#fff;
    font-family:"MuseoSansCyrlPB","MuseoSansCyrl",Arial,sans-serif;font-weight:500;font-size:14px;line-height:1.3;text-align:center;
    box-shadow:0 6px 24px rgba(0,0,0,.25);overflow-wrap:anywhere;
    opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,12px);
    transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;
}
.pbm-share-toast.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s ease,transform .2s ease;}

/* кнопки-иконки «Поделиться», ставшие доступными с клавиатуры (role=button, tabindex) — видимый фокус */
#share-button:focus-visible,.share-button-front:focus-visible{outline:2px solid #08a5c5;outline-offset:2px;border-radius:4px;}

/* ---------- мобила: окно снизу над нижней панелью ---------- */
@media (max-width:1085px){
    .pbm-share__card{
        left:16px!important;right:16px;top:auto!important;bottom:calc(91px + env(safe-area-inset-bottom, 0px));
        width:auto;max-width:420px;margin:0 auto;max-height:calc(100vh - 91px - 24px - env(safe-area-inset-bottom, 0px));
        border-radius:14px;transform:translateY(16px);transform-origin:50% 100%;
    }
    .pbm-share.is-open .pbm-share__card{transform:none;}
    .pbm-share__item{height:50px;font-size:15px;}
    .pbm-share-toast{bottom:calc(91px + env(safe-area-inset-bottom, 0px));}
}
/* низкий экран (телефон лёжа): окно прокручивается внутри, но не уходит под нижнюю панель */
@media (max-width:1085px) and (max-height:560px){
    .pbm-share__card{bottom:calc(83px + env(safe-area-inset-bottom, 0px));max-height:calc(100vh - 83px - 8px);}
}
@media (prefers-reduced-motion:reduce){
    .pbm-share,.pbm-share__card,.pbm-share-toast{transition:none!important;}
}